Skip to content

🔮 React SSR Advanced Seed (Typescript + nestJS + React SSR + React Native + Docker)

Notifications You must be signed in to change notification settings

Nielsymn/react-ssr-advanced-seed

 
 

Repository files navigation

React (SSR) Advanced Seed

  • NestJS + React (SSR) + React Native + REST / GraphQL
  • Service workers Integration (Offline First - Push Notifications - PWA)
  • NGINX - Reverse proxy integration to route to multiple api's via same origin (Docker links)
  • Dockerized Containers for frontend and backend using docker compose
  • Babel 7, Webpack 4, Eslint 5, Typescript, Prettier, Jest 24 integration with HMR for both web and mobile (React Native - metro)
  • Fastlane integration for mobile (React Native) to deploy to Testflight / Appstore (iOS) and PlayStore / Internal test track (Android) using Continous Integration (Eg: Azure, Jenkins, Bitrise, etc).

(Work In Progress)

Netlify Status Build Status Build Status CircleCI codecov

npm version dependencies dev-dependencies

Prerequisites

Generic Architecture

Generic UI Architecture

Getting Started

npm install

npm start (This will start both frontend and backend servers for you)

Visit:
- http://localhost:8500 (FrontEnd with HMR)
- http://localhost:3000 (Backend running NestJS)
- http://localhost:3000/graphql (Graphql server running graphQL playground theme)
- http://localhost:3000/swagger (running Swagger UI)

Production Build with docker compose (Client and Server) (Frontend, Backend and Postgres)

npm run build

Visit: http://localhost:8080

Mobile Build

npm run install:mobile (Install mobile dependencies)

Packager: npm run start:mobile

ios: npm run mobile:ios
android: npm run mobile:android

Kubernetes Deployment

kubectl create -f deployment.yml

DockerHub Image

- https://hub.docker.com/r/vipgit/react-ssr-nginx/

docker run -d -v /root/.ssh/ -v /opt/node-advanced-app vipgit/react-ssr-nginx:latest

Testing (Unit and End to End Testing)

npm run test (Runs Backend Unit Tests)
npm run test:frontend (Runs Frontend Unit Tests)
npm run test:e2e (Runs Frontend End to End Tests)

Auto-Generated DOCS

  • Coming Soon

About

🔮 React SSR Advanced Seed (Typescript + nestJS + React SSR + React Native + Docker)

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 66.4%
  • JavaScript 17.6%
  • Handlebars 10.5%
  • Ruby 1.2%
  • Dockerfile 1.2%
  • Objective-C 0.9%
  • Other 2.2%