https://github.com/forthedamn/next-ts-mobx-boilerplate
TodoList boilerplate build by React, next.js, typescript, mobx, webpack
https://github.com/forthedamn/next-ts-mobx-boilerplate
boilerplate mobx nextjs server-side-rendering ssr typescript
Last synced: 20 days ago
JSON representation
TodoList boilerplate build by React, next.js, typescript, mobx, webpack
- Host: GitHub
- URL: https://github.com/forthedamn/next-ts-mobx-boilerplate
- Owner: forthedamn
- Created: 2018-08-02T13:11:45.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-08-20T11:44:00.000Z (over 6 years ago)
- Last Synced: 2025-03-25T09:49:28.408Z (about 1 month ago)
- Topics: boilerplate, mobx, nextjs, server-side-rendering, ssr, typescript
- Language: TypeScript
- Size: 79.1 KB
- Stars: 4
- Watchers: 2
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# next-ts-mobx-boilerplate
TodoList boilerplate build by React, next.js, typescript, mobx, webpack
# Usage
- 1. Init project
```
npm install
```
- 2. Build typescript
```
npm run tsc:w
```
- 3. Open a new tab and run project
```
npm run dev
```
# Feature
- 1.Server Side Render
- 2.Webpack In Out of The Box
- 3.Typescript
- 4.State Management in Simple Way
- 5.CSS module and Typed CSS
# Directory Structure
```
------------------------------------------------------------------ ----------- -----------
| | | | | |
| Pages | | | | |
| | | | | |
------------------------------------------------------------------ | | | |
| | | | | |
\ / \ / | | | |
--------------------- --------------------------------- | | | |
| | | | | | | |
| Components | | Models | | | | |
| (Always stateless) | | (Deal pages states with Mobx) | | Util | | Typings |
| | | | | | | |
--------------------- --------------------------------- | | | |
| | | | |
\ / | | | |
-------------------------------- | | | |
| | | | | |
| Services | | | | |
| (Connect with Back End. Stay | | | | |
| same with Domain Model as | | | | |
| possible) | | | | |
-------------------------------- ----------- -----------
```