/react-quickstart

React Quickstart for Nullstone

Primary LanguageJavaScriptMIT LicenseMIT

React Quickstart

This is a React Static Site Quickstart for Nullstone. This is based off the official 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
nullstone up --wait --block=<app-name> --env=<env-name>
  1. Build, push, and deploy
yarn build
nullstone launch --source=./build --app=<app-name> --env=<env-name>

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

docker compose up

Visit http://localhost:3000.

Dev Server

yarn start

Visit 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.

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 .