https://github.com/danielroe/vuejs-de
https://github.com/danielroe/vuejs-de
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/danielroe/vuejs-de
- Owner: danielroe
- Archived: true
- Created: 2022-10-05T16:00:03.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-05-19T19:05:06.000Z (about 2 years ago)
- Last Synced: 2025-01-31T07:34:47.968Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://vuejs-de.netlify.app/
- Size: 3.63 MB
- Stars: 7
- Watchers: 2
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚧 Repository update 🚧
This repository has been archived. Please feel free to [contact me directly](https://github.com/danielroe) if you have any questions.
# Building for the Edge with Nuxt 3
This is a live-coded demo project using [Nuxt 3](https://v3.nuxtjs.org/) for a live-coding session accompanying a talk at [vuejs.de Conf 2022](https://conf.vuejs.de/).
- [✨  Live Demo](https://vuejs-de.netlify.app/)
## Features
- Based on [Nuxt 3](https://v3.nuxtjs.org/)
- Server API routes using [Nuxt Nitro](https://v3.nuxtjs.org/concepts/server-engine)
- 3D cat model by [**@alvarosabu**](https://github.com/alvarosabu)
- API from [The Cat API](https://thecatapi.com/)
- Light & dark mode using [pico.css](https://picocss.com/docs/)
## Try it out
### Setup
```bash
# 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](https://thecatapi.com/signup) for the Cat API; place it in `.env`.
### Deployment
You should be able to deploy this repository with zero or minimal configuration.
- [Azure](https://v3.nuxtjs.org/docs/deployment/azure)
- [Cloudflare Workers](https://v3.nuxtjs.org/docs/deployment/cloudflare)
- [Firebase Hosting](https://v3.nuxtjs.org/docs/deployment/firebase)
- [Netlify](https://v3.nuxtjs.org/docs/deployment/netlify)
- [Vercel](https://v3.nuxtjs.org/docs/deployment/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:
- https://github.com/unjs/nitro/pull/538
- https://github.com/nuxt/framework/pull/7954
- https://github.com/nuxt/framework/pull/7938
- https://github.com/unjs/nitro/pull/540
- https://github.com/unjs/nitro/pull/545
## License
MIT