Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/morzhanov/prerender-spa-boilerplate
Prerender SPA Boilerplate allows you to start new web project from scratch using Prerender-SPA-Plugin, React, Mobx-State-Tree, Mobx and Styled components.
https://github.com/morzhanov/prerender-spa-boilerplate
babel babel7 boilerplate eslint javascript mobx mobx-state mobx-state-tree mst postcss prerender-spa-plugin prerendering prettier react react-router-v4 scss webpack webpack4 yarn
Last synced: 25 days ago
JSON representation
Prerender SPA Boilerplate allows you to start new web project from scratch using Prerender-SPA-Plugin, React, Mobx-State-Tree, Mobx and Styled components.
- Host: GitHub
- URL: https://github.com/morzhanov/prerender-spa-boilerplate
- Owner: morzhanov
- License: mit
- Created: 2018-09-10T13:04:18.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-10-15T15:46:44.000Z (over 6 years ago)
- Last Synced: 2024-11-08T00:52:39.177Z (3 months ago)
- Topics: babel, babel7, boilerplate, eslint, javascript, mobx, mobx-state, mobx-state-tree, mst, postcss, prerender-spa-plugin, prerendering, prettier, react, react-router-v4, scss, webpack, webpack4, yarn
- Language: JavaScript
- Homepage:
- Size: 261 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Prerender SPA Plugin Boilerplate
Prerender SPA Boilerplate allows you to start new web project from scratch using Prerender-SPA-Plugin, React, Mobx-State-Tree, Mobx and Styled components.
Also this boilerplate contains babel configuration to use decorators from ES7 and HMR for React.
Based on MST React Boilerplate
## Installation
Use these steps to install project
```
1. yarn install
2. yarn start
```
Build project:
```
yarn build
```
to server and check project you can use http-server
## Usage
- In this project you can use Prerendering feature to increase performance and support SEO.
- Uses webpack to build project.
- Uses Babel to compile ES6 and ES7 code.
- You can use SASS\SCSS within this boilerplate.
- Check your code with ESLint and Prettier.
- Supports styled components.
- Supports hot-module-reload.
## Main Technologies and libraries
- React
- Prerender-SPA-Plugin
- React Router
- Mobx-State-Tree
- Mobx
- Styled components
- Webpack 4
- ESLint
- Prettier
- Babel
- SCSS
- PostCSS
## Contributing
1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D
## Author
Vlad Morzhanov
## License
#### (The MIT License)
Copyright (c) 2018 Vlad Morzhanov.
You can review license in the LICENSE file.