emanuell-dan/nuxt-nasa

[EXERCISE] Use Nuxt.js to build an app with dynamic routes, add Vuex to it and make it SEO friendly, ultimately deploying it to Heroku. Additionally, use the NASA api to fetch a gallery of images for our application.

Nuxt.js + NASA api

Exercise tasks:

• Get an app up and running with create nuxt-app
• Fetch a small gallery of photos from the NASA api
• Images in the gallery will be clickable and take you to a new route of that image
• Implement dynamic routing for the above
• Move fetch/axios to Vuex
• SEO & meta tags
• Deploy the app on Heroku

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn run dev

# build for production and launch server
$ yarn run build
$ yarn start

# generate static project
$ yarn run generate

For detailed explanation on how things work, checkout Nuxt.js docs