Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vip-git/react-ssr-advanced-seed

:crystal_ball: React SSR Advanced Seed (Typescript + nestJS + React SSR + React Native + Docker)
https://github.com/vip-git/react-ssr-advanced-seed

apollo-lambda azure-pipelines docker docker-react-nest e2e end-to-end-testing graphql nestjs node-api puppeter react-full-stack react-native react-native-app react-native-web react-ssr redux-documentation-generator redux-observable typescript typescript-react unit-testing

Last synced: 2 days ago
JSON representation

:crystal_ball: React SSR Advanced Seed (Typescript + nestJS + React SSR + React Native + Docker)

Host: GitHub
URL: https://github.com/vip-git/react-ssr-advanced-seed
Owner: vip-git
Created: 2018-06-23T21:21:03.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2024-09-12T18:38:40.000Z (14 days ago)
Last Synced: 2024-09-19T14:40:04.822Z (7 days ago)
Topics: apollo-lambda, azure-pipelines, docker, docker-react-nest, e2e, end-to-end-testing, graphql, nestjs, node-api, puppeter, react-full-stack, react-native, react-native-app, react-native-web, react-ssr, redux-documentation-generator, redux-observable, typescript, typescript-react, unit-testing
Language: TypeScript
Homepage:
Size: 8.55 MB
Stars: 87
Watchers: 8
Forks: 16
Open Issues: 61
Metadata Files:
- Readme: Readme.md
- Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        # 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](https://api.netlify.com/api/v1/badges/e4099e33-94ff-48df-be74-1b7021ff7f73/deploy-status)](https://app.netlify.com/sites/confident-mestorf-ab8ce9/deploys) [![Build Status](https://app.bitrise.io/app/d98e7b1dcb54c9ac/status.svg?token=8eD_bEhakpStCX1gMDqsiw&branch=master)](https://app.bitrise.io/app/d98e7b1dcb54c9ac) [![Build Status](https://dev.azure.com/github0586/react-ssr-advanced/_apis/build/status/vip-git.react-ssr-advanced-seed?branchName=master)](https://dev.azure.com/github0586/react-ssr-advanced/_build/latest?definitionId=1&branchName=master) [![CircleCI](https://circleci.com/gh/vip-git/react-ssr-advanced-seed.svg?style=svg)](https://circleci.com/gh/vip-git/react-ssr-advanced-seed) [![codecov](https://codecov.io/gh/vip-git/react-ssr-advanced-seed/branch/master/graph/badge.svg)](https://codecov.io/gh/vip-git/react-ssr-advanced-seed)

## [![npm version](https://badge.fury.io/js/npm.svg)](https://badge.fury.io/js/npm) [![dependencies](https://david-dm.org/vip-git/react-ssr-advanced-seed.svg)](https://david-dm.org/vip-git/react-ssr-advanced-seed) [![dev-dependencies](https://david-dm.org/vip-git/react-ssr-advanced-seed/dev-status.svg)](https://david-dm.org/vip-git/react-ssr-advanced-seed)

### Prerequisites

- [Node.js 8.0+](http://nodejs.org)

### Generic Architecture

![Generic UI Architecture](./readme-arch/generic-ui-arch.png)

### 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