https://github.com/danielroe/n3dium
  
  
    This is a tiny, incomplete example for a paywalled content site built in Nuxt 3 for a live-coding session at Vue.js Global Summit 2022. 
    https://github.com/danielroe/n3dium
  
        Last synced: 6 months ago 
        JSON representation
    
This is a tiny, incomplete example for a paywalled content site built in Nuxt 3 for a live-coding session at Vue.js Global Summit 2022.
- Host: GitHub
 - URL: https://github.com/danielroe/n3dium
 - Owner: danielroe
 - Created: 2022-05-26T16:06:40.000Z (over 3 years ago)
 - Default Branch: main
 - Last Pushed: 2025-04-21T14:51:33.000Z (7 months ago)
 - Last Synced: 2025-04-23T16:05:47.491Z (6 months ago)
 - Language: Vue
 - Homepage: https://n3dium.netlify.app/
 - Size: 193 KB
 - Stars: 31
 - Watchers: 3
 - Forks: 5
 - Open Issues: 1
 - 
            Metadata Files:
            
- Readme: README.md
 
 
Awesome Lists containing this project
- awesome-nuxt - Nuxt 3 + Medium (n3dium)
 
README
          # Nuxt 3 + Medium (n3dium)
This is a tiny, incomplete example for a paywalled content site built in [Nuxt 3](https://v3.nuxtjs.org/) for a live-coding session at [Vue.js Global Summit 2022](https://vue.geekle.us/) and [Vue.js Amsterdam 2022](https://vuejs.amsterdam/).
- [✨  Live Demo](https://n3dium.netlify.app/login)
## Features
- Based on [Nuxt 3](https://v3.nuxtjs.org/)
- [Nuxt Content v2](https://content.nuxtjs.org/)
- Server API routes using [Nuxt Nitro](https://v3.nuxtjs.org/concepts/server-engine)
- JWT authentication using [jose](https://github.com/panva/jose/)
- Light & dark mode using [pico.css](https://picocss.com/docs/)
## Try it out
### Setup
```bash
# install dependencies
pnpm install # or yarn
# set up keys (used for JWT signing/verification)
openssl ecparam -genkey -name prime256v1 -noout -out key-pair.pem
openssl pkcs8 -topk8 -inform PEM -outform PEM -nocrypt -in key-pair.pem -out private.key
openssl ec -in key-pair.pem -pubout -out public.key
# serve in dev mode, with hot reload at localhost:3000
pnpm dev
# build for production (universal)
pnpm build
# preview in production mode
pnpm start
```
### 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
## License
MIT