Challenge: Recreate a Blog Engine Using Nuxt
Assess your learning by creating a blog engine using Nuxt.
We'll cover the following
Task
Create a minimal blog engine using Nuxt. Your blog should have:
A home page with links to the posts. Open the
usercode/myapp/pages/index.vue
file and make edits accordingly.Posts listing page, which fetches and lists the posts using the
title
andbody
properties. Also, the title of each post must link to the post itself. Open theusercode/myapp/pages/posts/index.vue
file and write your code there.A single post page that fetches the requested post by its
id
property and displays it. Open theusercode/myapp/pages/posts/_slug.vue
file and make edits accordingly.
Note: After making the changes in the respected files, don't forget to click the “Run” button.
Expected output
The output of the task should look like the following:
Get hands-on with 1200+ tech skills courses.