Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/vdegenne/typescript-fullstack-project-starter


https://github.com/vdegenne/typescript-fullstack-project-starter

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

        

# typescript-fullstack-project-starter

This package includes the following technos :

- compilation: `typescript`, `rollup`
- server: `pm2`, `es-dev-server`, `koa`
- front: `lit-element`, `@material` elements

## Filesystem

Explanations coming soon.

## Installation/Initialisation

- Installation
- [x] Clone this repository
```bash
git clone --depth 1 https://github.com/vdegenne/typescript-fullstack-project-starter
mv typescript-fullstack-project-starter my-app
cd my-app
rm -rf .git
```
- [ ] Install the deps `npm i`
- [ ] Install `pm2` and `es-dev-server` globally.

- Pre-configuration
- [ ] Update the server options under `src/server/options.ts`
- [ ] Watch for file changes (required to run the server) `npm run watch`
- [ ] Modify the app name in `pm2.config.js` & `public/index.html`
- [ ] Start the server `pm2 start pm2.config.js`

- Development
- [ ] Watch for file changes `npm run watch`
- [ ] Add middlewares/routes in `src/server/es-dev-server.config.ts`
- [ ] Modify back-end and front-end sources under `src`. Everytime a `.ts` file is changed `rollup` will recompile, and the server restart.
- [ ] Visit `http://localhost:` to see the initial state of your app.

- Further
- [ ] Delete this `README.md` and replace with the one of your project.