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.

• ✨  Live Demo

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 start

You'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:

• unjs/nitro#538
• nuxt/framework#7954
• nuxt/framework#7938
• unjs/nitro#540
• unjs/nitro#545

License

MIT