https://github.com/maxigimenez/nuxt-vercel-isr
https://github.com/maxigimenez/nuxt-vercel-isr
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/maxigimenez/nuxt-vercel-isr
- Owner: maxigimenez
- Created: 2024-11-06T17:01:38.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-26T14:14:24.000Z (over 1 year ago)
- Last Synced: 2025-03-26T14:46:22.838Z (over 1 year ago)
- Language: Vue
- Homepage: https://nuxt-vercel-isr-psi.vercel.app
- Size: 314 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nuxt ❤️ Vercel
This is a tiny demo to show off **Nuxt's route rules integration with Vercel**.
Here are a few different pages to try:
- [/](https://nuxt-vercel-isr.vercel.app/) - revalidated every 60 seconds, in the background
- [/static](https://nuxt-vercel-isr.vercel.app/static) - generated on demand and then cached permanently
- [/prerendered](https://nuxt-vercel-isr.vercel.app/prerendered) - generated at build time and cached permanently
- [/dynamic](https://nuxt-vercel-isr.vercel.app/dynamic) - always fresh
The only config required:
```js
export default defineNuxtConfig({
routeRules: {
// all routes (by default) will be revalidated every 60 seconds, in the background
'/**': { isr: 60 },
// this page will be generated on demand and then cached permanently
'/static': { isr: true },
// this page is generated at build time and cached permanently
'/prerendered': { prerender: true },
// this page will be always fresh
'/dynamic': { isr: false },
// you can do lots more with route rules too!
'/redirect': { redirect: '/static' },
'/headers': { headers: { 'x-magic-of': 'nuxt and vercel' } },
'/spa': { ssr: false },
},
})
```
## Setup
Enable corepack:
```bash
npx corepack enable
```
Make sure to install the dependencies:
```bash
pnpm install
```
## Credits
This was based on [nuxt-on-the-edge](https://github.com/pi0/nuxt-on-the-edge) by [@pi0](https://github.com/pi0) which itself was inspired by [other](https://github.com/Rich-Harris/sveltekit-on-the-edge) [projects](https://github.com/vercel-labs/react-on-the-edge).
## Development
Start the development server on http://localhost:3000
```bash
pnpm dev
```
## Production
The easiest way to deploy your app is to link the repo to your Vercel account. Alternatively, you can create a production build locally using `pnpm build`.
Checkout the [deployment documentation](https://nuxt.com/docs/getting-started/deployment#presets) for more information.