Introducion

Hi Bro

• Your friends says "REACT IS A BUSINESS STANDARD"?
• Tired of arguing, what is the performance difference between useCallback() and useMemo()?
• Don't want to be the "setState renders" magician?
• Want to build your own Full-Stack application without tears?
• Green is your favorite color?

THERE IS AN EXIT! Try new version of fast SSR JS Framework based on Vue 3.:rocket:

Nuxt3 + MongoDB starter

Features

• Element-plus UI
• State & Store Management (Pinia)
• Mongoose ORM + MongoDB in Docker
• Nuxt Server Routes
• Auth & Protected Routes
• PWA
• Eslint & Prettier
• Built-in Unit Test
• PM2 Included
• SSR + SPA modes

Getting started

First, you need to set up environment. Node >= 18.16.0 required Also, need to install docker-compose.

Then, go to project folder, and run:

1. Install dependencies

   $ yarn install # or npm install

2. Create .env file with default env variables:

   $ cp env.example .env

3. Run MongoDB container

   $ docker-compose up

4. Run project

   $ npm run dev

Description

You can test user authorization and watch registered user list in basic table. Learn more about project structure here.

You can analyze project bundle:

$ npm run analyze

Build project:

$ npm run build

Test project with coverage using Vitest:

$ npm run test

For deployment and usage in production mode you can use PM2 (config included).

• Use server route middleware to handle auth requests. // server/middleware/auth
• Use composable functions for reusable code. // composables/ *
• Use $fetch interceptors to handle requests | responses. // composables/useFetchConfig
• Use Pinia store to app state management. // store/ * . All your modules in store registered automatically.
• Use auto-generated html pages and routes with SSR | SSG in pages folder. // pages *
• Get access to your environment variables with useRuntimeConfig() hook
• No need to more import framework functions, just write to code!

Free to contribute!

Try it out and enjoy!