Skip to content
Nova is an open source, feature rich React boilerplate used to kickstart production ready web apps.
JavaScript HTML CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci
.storybook
config
cypress
scripts
src
.babelrc
.editorconfig
.eslintignore
.eslintrc
.gitignore
.nvmrc
LICENSE
README.md
cypress.json
package-lock.json
package.json
plopfile.js

README.md

Nova

Open source, feature rich React boilerplate used to kickstart production ready web apps.

🚀 Launch web apps faster with Yawnch

Live Demo

📖 Storybook

Getting Started

Install project dependencies

  • Requires NodeJS >= 10. NVM is recommended.
  • npm install

Developing locally

npm start

Starts a local dev server at localhost:8080. The port can be customized by updating the PORT environment variable in .env.local.

npm run storybook

Starts a local Storybook server and opens it in your browser.

Deployment

The app is hosted on AWS using S3, CloudFront, ACM, and Route53.

CircleCI is configured to deploy to different environments based on changes to key branch names.

Branch Name Environment
master production
staging staging
dev, develop dev

Manual deployment

npm run deploy:<env>

This command will first build the app in production mode, meaning code will be minified and no local dev server will be started, using the appropriate environment config variables.

npm run deploy:staging
npm run deploy:production

Storybook

Storybook is an open source tool for developing UI components in isolation

All new components should have an accompanying .stories.mdx file containing the story and documentation.

npm run storybook

Plop

Use Plop to scaffold new components automatically. To add or modify plop templates, see plopfile.js and config/plop/.

npx plop Component
npx plop Page

Tech Stack

Coding Style

Standard

Coding style is enforced using ESLint. You can also manually run the linter using npm run lint:fix.

License

MIT

You can’t perform that action at this time.