https://github.com/blvdmitry/project-starter

My starter boilerplate for new projects. Totally opinionated :)
https://github.com/blvdmitry/project-starter

apollo graphql postcss react starter-kit typescript

Last synced: 2 months ago
JSON representation

My starter boilerplate for new projects. Totally opinionated :)

• Host: GitHub
• URL: https://github.com/blvdmitry/project-starter
• Owner: blvdmitry
• Created: 2019-03-03T11:37:48.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-22T10:20:51.000Z (about 2 years ago)
• Last Synced: 2024-11-01T06:42:17.805Z (2 months ago)
• Topics: apollo, graphql, postcss, react, starter-kit, typescript
• Language: TypeScript
• Homepage:
• Size: 1.13 MB
• Stars: 24
• Watchers: 0
• Forks: 2
• Open Issues: 41
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Project starter

This is a 100% opinionated project starter for JS projects. 

Can be used for working on the whole app with frontend and backend or just for one of them.

### Getting started

   

1. Create a `.env` file in the `backend` directory. 

   Project relies on it in the code but it's ignored not to make your secret variables public.

2. Fill `.env` file with following variables and **assign your own values to them** instead of these placeholders:

   ```

   JWT_SECRET=9DEB5F0FE6560A2D5FD40B8BF2F7A088826026DAF5B3DBBB036F6CAE0B5948EC

   ```

3. Running `yarn start` in backend and frontend folders will start the project.

### Creating new react components

Running `yarn plop` in `frontend` folder will prompt for component name and create all the boilerplate for you.

### Tech stack

#### General

GraphQL + Apollo

#### Frontend

Typescript, React, PostCSS, Webpack

#### Backend

Node.js, Express

> All data is mocked with Apollo

---

### TODO

#### Frontend:

- Extract css in production build

- Add hash to production bundle