Skip to content

ReactNestStarter - ReactJS/ NestJS starter kit for your single page web applications. Includes login pages, JWT authentication

Notifications You must be signed in to change notification settings

ozgurrgul/ReactNestStarter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ReactNestStarter

Scroll down for images

This starter includes a ReactJS application with Nest backend. Features:

  • JWT user authentication with Nest/Passport js ⭐
  • Prisma ORM ⭐
  • Full Typescript ⭐
  • Lerna monorepo ⭐
  • Antd / RTK Query libraries used ⭐
  • Email verification api and pages

A React js application for frontend

  • React-router integrated
  • Login/register user flows added
  • Base layout, logged in layout logics added
  • Vitejs used for build
  • RTK Query used for api calls
  • Antd / Antd Pro components used for UI
  • Directory: - packages/webapp

A Nest js application for backend

  • Nestjs for server used
  • Prisma for ORM used
  • Sqlite for database used
  • Login/register endpoints added with validations
  • Directory: - packages/server

How to use this starter kit?

First clone the repository, cd into it and install dependencies:

git clone https://github.com/ozgurrgul/ReactNestStarter.git
cd ReactNestStarter
yarn
lerna bootstrap # will install dependencies in each package

Then run using following commands:

In order to run frontend:

web:start

Go to http://127.0.0.1:5173

In order to run server:

server:start

Server runs on http://127.0.0.1:3002 by default

⚠️ The webapp and server shared the dtos project in order to reduce code duplication. When you make a change to dtos package, you need to run:

yarn dto:compile

Execute all commands from the main directory

Environment

/packages/server/.env:

RECAPTCHA_SECRET_KEY=xxx
WEBAPP_URL=http://localhost:5173

FEATURE_EMAIL_VERIFICATION_ENABLED=true
FEATURE_EMAIL_VERIFICATION_TOKEN_SECRET=xxx

/packages/webapp/.env

VITE_API_URL=http://localhost:3002 # url of running server
VITE_RECAPTCHA_SITE_KEY=

/packages/prisma/.env

DATABASE_URL="file:./dev.db"

Images

  • Login screen Login screen

  • Dashboard screen Dashboard screen

About

ReactNestStarter - ReactJS/ NestJS starter kit for your single page web applications. Includes login pages, JWT authentication

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published