https://github.com/nullstone-io/react-quickstart
React Quickstart for Nullstone
https://github.com/nullstone-io/react-quickstart
Last synced: 1 day ago
JSON representation
React Quickstart for Nullstone
- Host: GitHub
- URL: https://github.com/nullstone-io/react-quickstart
- Owner: nullstone-io
- License: mit
- Created: 2022-05-09T12:39:09.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2023-08-17T15:23:04.000Z (almost 3 years ago)
- Last Synced: 2025-05-06T08:58:40.589Z (about 1 year ago)
- Language: JavaScript
- Size: 183 KB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Quickstart
This is a React Static Site Quickstart for [Nullstone](https://nullstone.io).
This is based off the official [Create React App](https://github.com/facebook/create-react-app) guide.
This quickstart is set up with:
- React 18
## How to launch via Nullstone
1. Create a static site. (Remember `app-name` for later)
2. Add a subdomain. (this will add a CDN capability)
3. Provision
```shell
nullstone up --wait --block= --env=
```
4. Build, push, and deploy
```shell
yarn build
nullstone launch --source=./build --app= --env=
```
## Running locally
You can run this project locally inside Docker or using a dev server.
The docker setup is configured to hot reload; you don't have to rebuild/restart the container when you change code.
### Docker
```shell
docker compose up
```
Visit [http://localhost:3000](http://localhost:3000).
### Dev Server
```shell
yarn start
```
Visit [http://localhost:3000](http://localhost:3000).
### Hot reload
The `app` in `docker-compose.yml` is configured to automatically reload changes to code.
You do not need to rebuild/restart the app when making changes to code.
### Update dependencies
To make changes to dependencies, make changes to `package.json` and restart your docker container.
`yarn install` happens automatically at the boot of the docker container to update dependencies.
```shell
docker compose restart app
```
## Details on quickstart
This static site was generated following these steps.
1. `yarn global add create-react-app`
2. `yarn create react-app .`