Building for the Edge with Nuxt 3
This is a live-coded demo project using Nuxt 3 for a live-coding session accompanying a talk at vuejs.de Conf 2022.
Features
- Based on Nuxt 3
- Server API routes using Nuxt Nitro
- 3D cat model by @alvarosabu
- API from The Cat API
- Light & dark mode using pico.css
Try it out
Setup
# install dependencies
npm install # or yarn
# serve in dev mode, with hot reload at localhost:3000
npm run dev
# build for production (universal)
npm run build
# preview in production mode
npm startYou'll need to get a token for the Cat API; place it in .env.
Deployment
You should be able to deploy this repository with zero or minimal configuration.
- Azure
- Cloudflare Workers
- Firebase Hosting
- Netlify
- Vercel
- ... and more
However, the route rules for CORS and ISR/ISG in nuxt.config won't work until the following PRs are finalised and merged - follow them for more info:
License
MIT