Nuxt.js Blog

Nuxt blog starter

The auto-installation will create a DatoCMS project, a Github repo containing the Nuxt.js blog, and it will deploy the project on Vercel or Netlify. It is just a matter of minutes!

You can start experimenting with DatoCMS and Nuxt right away.

Development setup

On your local machine you need to set your API token manually. For a quick start, only one read-only token must be set in the .env file to start working:

1
echo 'NUXT_ENV_DATOCMS_API_TOKEN=abc123' >> .env

Then you can install the dependencies and start the project:

1
# install dependencies
2
$ npm install
3

4
# serve with hot reload at localhost:3000
5
$ npm run dev

Other Nuxt conventional scripts:

1
# build for production and launch server
2
$ npm run build
3
$ npm run preview
4

5
# generate static project
6
$ npm run generate

For detailed explanation on how things work, check out Nuxt docs.

### Web previews

You can also take advantage of Web Previews plugin to provide editors an easy way to jump from DatoCMS to your project: an example is available at the plugin page.