chatino-website-app

• TypeScript
• Nuxt 3
• Database models, migrations, queries and easy DB-switching via Prisma
• Deep Prisma integration: Use the client in your endpoints via nuxt-prisma, Prisma client is auto-generated for npm run dev and other commands and more
• Frontend- and Backend data-transformation via nuxt-parse and zod
• In-memory development SQL-database via sqlite3
• Linting via eslint
• Test management, Test UI, component snapshotting via vitest
• Component tests via test-library/vue
• Nuxt 3 native API testing via @nuxt/test-utils
• Code coverage via c8
• CSS utilities via TailwindCSS
• CSS components via Naive UI
• Type checking in script and template via Volar / vue-tsc
• Code editor configuration via .editorconfig files and a portable .settings/ folder whith best-practice VS Code settings and extensions for Vue 3 / Nuxt 3 development

Some tasks you should probably do in the beginning are:

• install the Vue Volar extension
• enable Volar takeover mode to ensure a smooth editor setup
• install Nuxt 3 devtools if you want to use them

Setup

Make sure to install the dependencies:

npm install

Development Server

Start the development server on http://localhost:3000

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview