A Node.js-React.js-PostgreSQL Boilerplate

Last update: Mar 26, 2022

node-react-postgres

A Node.js-React.js-PostgreSQL Boilerplate

Prerequisites

  1. Node.JS

  2. PostgreSQL

Folder Structure

https://user-images.githubusercontent.com/70111575/159138329-fb8d7e68-52ad-456d-a85e-a44f4bd56008.png

Config Files

  1. .config.env in Apiserver root directory
  • NODE_ENV=development
  • PORT=8000
  • SAMPLEDB_USER=
  • SAMPLEDB_PASSWORD=
  • SAMPLEDB_ADDRESS=
  • SAMPLEDB_PORT=
  • SAMPLEDB_NAME=
  • JWT_SECRET=my-jwt-secret
  • SERVER_UNIFIER=
  • CLIENT_UNIFIER=
  • CLIENT_DATE_MULTIPLIER=
  • JWT_EXPIRES_IN=
  1. .env in Client root directory

REACT_APP_CLIENT_UNIFIER=

  1. CLIENT_UNIFIER in apiserver should be the same as REACT_APP_CLIENT_UNIFIER in client for auth system to function properly.

Getting Started

  1. Clone or download the project

  2. Run "npm i" in the root of the project

  3. Do this for the client and apiserver as well

  4. Run the project with "npm start" for development (it will start apiserver and client respectively)

  5. You can use "npm run build" in the root of the project to create a prod build

  6. Run "node apiserver" for production

Apiserver

Client

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

GitHub

https://github.com/BoilerPlate-Master/node-react-postgres
You might also like...

A simple Ethereum prediction market boilerplate build on top of Moralis Web3 SDK + Ethereum Boilerplate + Chainlink + OpenZeppelin. Happy BUIIDL!

ethereum-prediction-market-boilerplate This Project is a fork of Ethereum Boilerplate and demostrates how you can build your own Ethereum Prediction M

Aug 1, 2022

Boilerplate-tailwind - A simple boilerplate using NextJS, Typescript, Tailwind, Jest, Storybook and more

This is a Next.js boilerplate using TailwindCSS and other cool stuff. Most of th

Aug 2, 2022

Next-boilerplate - Basic Next.js boilerplate ready to use in any type of websites

Next-boilerplate - Basic Next.js boilerplate ready to use in any type of websites

Basic Next.js boilerplate ready to use in any type of websites. View demo » My L

Jun 29, 2022

Solana-boilerplate - Lightweight boilerplate for Solana dapps. Allows quick building and prototyping

Solana-boilerplate - Lightweight boilerplate for Solana dapps. Allows quick building and prototyping

Solana Boilerplate Lightweight boilerplate for Solana dapps. Allows quick buildi

Jul 19, 2022

hopify boilerplate for embedded apps. Built and re-written from the official Shopify CLI's app boilerplate

Shopify boilerplate for embedded apps. Built and re-written from the official Shopify CLI's app boilerplate, but moved it to Typescript, and more modularized, so you can use any frontend framework you want. I left it comes by default, with React.

Jun 20, 2022

Simple React Social Network, built with React,Node,Express,MongoDB and Tailwind

Simple React Social Network, built with React,Node,Express,MongoDB and Tailwind

Full stack react social network application A mini social network application built with React,Typescript, Redux, Node, Express, MongoDB, and Tailwind

May 25, 2022

StarHackIt: React/Native/Node fullstack starter kit with authentication and authorisation, data backed by SQL.

StarHackIt: React/Native/Node fullstack starter kit with authentication and authorisation, data backed by SQL.

StarHackIt StarHackIt is a fullstack starter kit composed of: React web frontend Node backend React native mobile app Infrastructure as code with GruC

Jul 19, 2022

Starter Antd 4.0 Admin App Mern( Node.js / React / Redux / Ant Design ) Crud & Auth , Dashboard

Starter Antd 4.0 Admin App  Mern( Node.js / React / Redux / Ant Design ) Crud & Auth , Dashboard

Starter Antd Admin (Crud & auth) Mern App (Express.js / React / Redux / MongoDB) App built for DigitalOcean MongoDB Hackathon CRM Starter Mern Antd Ad

Aug 3, 2022

GraphQL first full-stack starter kit with Node, React. Powered by TypeScript

GraphQL first full-stack starter kit with Node, React. Powered by TypeScript

GraphQL first full-stack starter kit with Node, React. Powered by TypeScript

Jun 30, 2022
Node.js / GraphQL project template pre-configured with TypeScript, PostgreSQL, login flow, transactional emails, unit tests, CI/CD workflow.
Node.js / GraphQL project template pre-configured with TypeScript, PostgreSQL, login flow, transactional emails, unit tests, CI/CD workflow.

Node.js API Starter Kit Node.js API Starter Kit is a project template for building Node.js backend applications optimized for serverless infrastructur

Aug 1, 2022
Palo-mern-boilerplate - A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly.

palo MERN boilerplate A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly. Commands: npm install # install b

Jun 5, 2022
Very simple full-stack application using React, Java Spring Boot, and PostgreSQL.

Very simple full-stack application using React, Java Spring Boot, and PostgreSQL. The API was built following the N-Tier architecture. The goal was to explore and learn more in-depth the development of APIs, the use of Docker and deploying with AWS.

Apr 23, 2022
Postgres, Express, React, Node - Stack Boilerplate
Postgres, Express, React, Node - Stack Boilerplate

PERN Boilerplate ?? WORK IN PROGRESS ?? upcoming features: Email confirmation Socials Login Features GraphQL Server JWT Authentication Auto refresh ac

Jun 21, 2022
An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend.

An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend. All packages are structured as Yarn Workspaces and written in Typescript. In addition, the web application can be built as Docker image using a multi stage built supported Dockerfile.

Aug 3, 2022
A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly.

Palo MERN boilerplate A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly on new projects. Commands: npm ins

Jun 5, 2022
Show how to use node-hid with electron-react-boilerplate
Show how to use node-hid with electron-react-boilerplate

electron-hid-test-erb : Show how to use node-hid with electron-react-boilerplate This is just a simple clone of the electron-react-boilerplate repo, w

Jun 14, 2022
Boilerplate for a Blog based on React.js, Node.js & Next.js
Boilerplate for a Blog based on React.js, Node.js & Next.js

Boilerplate for a Blog based on React.js, Node.js & Next.js

Jul 13, 2022
Boilerplate for a Blog based on React.js, Node.js & Next.js
Boilerplate for a Blog based on React.js, Node.js & Next.js

OMISOFT BLOG EXAMPLE - ADMIN PANEL Here you can find a simple boilerplate for a Blog based on React.js & Next.js. We use this code in the project Sudo

Jul 13, 2022
💥A cross-platform Node.js based CLI that generates boilerplate code for different tailwind web applications.
💥A cross-platform Node.js based CLI that generates boilerplate code for different tailwind web applications.

??A cross-platform Node.js based CLI that generates boilerplate code for different tailwind web applications.

Jun 27, 2022