https://github.com/saabbir/dadjokes
Playing with nuxtjs and https://icanhazdadjoke.com/ api. Demo Link: https://saabbir.github.io/dadjokes/
https://github.com/saabbir/dadjokes
dadjokes nuxtjs vue
Last synced: 3 months ago
JSON representation
Playing with nuxtjs and https://icanhazdadjoke.com/ api. Demo Link: https://saabbir.github.io/dadjokes/
- Host: GitHub
- URL: https://github.com/saabbir/dadjokes
- Owner: Saabbir
- Created: 2020-12-30T05:46:05.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-12-30T13:22:36.000Z (over 4 years ago)
- Last Synced: 2025-01-13T15:49:21.052Z (4 months ago)
- Topics: dadjokes, nuxtjs, vue
- Language: Vue
- Homepage: https://saabbir.github.io/dadjokes/
- Size: 953 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dad Jokes
Playing with nuxtjs and https://icanhazdadjoke.com/ api.
Demo can be seen in here - https://saabbir.github.io/dadjokes/
## Things I learned by doing this project
- How to install nuxtjs
- Nuxtjs directory structure
- Nuxtjs automatic routes
- How to use `NuxtLink` component
- Nuxtjs auto import components feature
- How to use nuxt `head()` method to set page meta tags
- How to create an error page
- Nuxtjs `context` object
- Nuxtjs `asyncData()` lifecycle hook method
- Global CSS configuration
## Build Setup
```bash
# install dependencies
$ npm install
# serve with hot reload at localhost:3000
$ npm run dev
# build for production and launch server
$ npm run build
$ npm run start
# generate static project
$ npm run generate
```
For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).