REACT-SSR-TS-SCSS-ROLLUP Starter

A starter template of a Web application based on React/TypeScript/SCSS/Rollup and yarn workspace. It supports Server Side Rendering (SSR) and SEO optimized.

Getting started

1. Fork and clone this repository or use it as a template to create a new project on GitHub.
2. Install dependencies:

npm install

or

yarn install

3. Create .env files in packages/web and packages/server folder. The content can be copied from .env.sample file.
4. Start the development server:

npm run dev

or

yarn dev

Routes

Layouts

Styles

State & Reducers

For state management the template uses react-reducer-ssr(https://github.com/alfed7/react-reducer-ssr) which has a similar syntax with Redux but built on top of built-in React context and useReducer. It supports async actions. It uses immer to simplify writing of reducers.

Progressive Web App (PWA)

Install as Chrome/Edge/Safari App

Server-side rendering (SSR)

Deployment

Contributing

We welcome contributions from the community! If you'd like to contribute to react-ssr-ts-scss-rollup, please follow our contribution guidelines.

License

This project is licensed under the MIT License. For more information, see the LICENSE file.

Support

For support and bug reports, please open an issue on GitHub.