Simple Nuxt 3.0 blog with Contentful as headless CMS

Posted 2 years ago
Return to overview

You will need Node (greater than 16.11) installed on your system, and for simplicity it makes sense to use `npm`, which you can substitue for `yarn` or `pnpm`. Whatever you fancy.

A text editor (VS Code is highly recommended, using the volar preset) is not required, but recommended for easier development. If you use a different IDE, that's also fine.

Getting started with Nuxt is easy as pie. The docs are actually really awesome but the sake of this tutorial, let's dive in!

Create a new project using the nuxi command line tool:

npx nuxi init nuxt-blog-tutorial

Move into the project folder:

cd nuxt-blog-tutorial

And install the dependencies:

npm install

Then you can open the project in your text editor and or start the development server (which is really fast):

npm run dev -- -o

The end result should match the contents of this branch on the example repo.

This was easy, wasn't it? Well we didn't really do anything special so far. In the next step, we're going to configure Contentful to be able to create pages and articles. Just like a real blog!

Return to overview