Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mohamedsamara/react-ssr-app
:star: React Application with Server Side Rendering
https://github.com/mohamedsamara/react-ssr-app
babel eslint husky lint-staged postcss prettier progressive-web-app react server-side-rendering service-worker single-page-applications tailwindcss webpack workbox
Last synced: 25 days ago
JSON representation
:star: React Application with Server Side Rendering
- Host: GitHub
- URL: https://github.com/mohamedsamara/react-ssr-app
- Owner: mohamedsamara
- License: mit
- Created: 2020-03-13T05:00:30.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2021-01-24T02:05:26.000Z (about 4 years ago)
- Last Synced: 2024-11-09T05:42:32.978Z (3 months ago)
- Topics: babel, eslint, husky, lint-staged, postcss, prettier, progressive-web-app, react, server-side-rendering, service-worker, single-page-applications, tailwindcss, webpack, workbox
- Language: JavaScript
- Homepage:
- Size: 71.3 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React SSR App
## Description
This project provides a minimum setup template for react server side rendering. There are three important implementations in this project:
1. Server Side Rendering (SSR)
2. Single Page Application (SPA)
3. Progressive Web Application (PWA)
* features:
* Node provides the backend environment for this application
* Express middleware is used to handle requests, routes
* Webpack to bundle assets, scripts, styles, images
* React for displaying UI components
* Tailwind CSS framework to build custom designs
## Install
Some basic Git commands are:
```
$ git clone https://github.com/mohamedsamara/react-ssr-app.git
$ cd project
$ npm install
```
## Simple build for production
```
$ npm run production
```
## Run the application for development
```
$ npm start
```
## Run the application for production
```
$ npm run start:production
```
## Run the code linter
```
$ npm run lint:fix
```
## Languages & tools
- [Node](https://nodejs.org/en/)
- [Express](https://expressjs.com/)
- [Webpack](https://webpack.js.org/)
- [Workbox](https://developers.google.com/web/tools/workbox)
- [React](https://reactjs.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [styled-components](https://styled-components.com/)
- [Sass](https://sass-lang.com/)
- [PostCSS](https://postcss.org/)
- [ESLint](https://eslint.org/)