hstm / nuxt-for-fastapi

Nuxt.js frontend drop-in replacement for Vue.js FastAPI base project generator.

Nuxt.js frontend replacement for FastAPI base project generator

What is it?

Accelerate your next FastAPI Base Project Generator frontend development by replacing Vue.js with NuxtJS, an open source framework making web development simple and powerful.

Build Setup

First deploy FastAPI's Base Project Generator, then replace the entire frontend folder with this one, updating the .env settings, and nuxt.config.js, and package.json 'frontend' project name with your own.

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

Hot reload does not work in WSL2 (only WSL1, as of 1 April 2021). For detailed explanation on how things work, check out Nuxt.js docs.

Nuxt.js and components

• Nuxt.js
• Nuxt-property-decorator
• Vue Class Component

TailwindCSS

• Tailwindcss
• Tailwind heroicons
• Tailwind typography

Helpers

• Nuxt/content
• Vee-validate
• Nuxt/PWA

Nuxt/PWA is a zero config PWA solution:

• Registers a service worker for offline caching.
• Automatically generate manifest.json file.
• Automatically adds SEO friendly meta data with manifest integration.
• Automatically generates app icons with different sizes.
• Free background push notifications using OneSignal.

Licence

This project is licensed under the terms of the MIT license.