react-modern-starter's Introduction

React Modern Starter

React for rendering
React Router for routing
react-seo for SEO
MDX for easy markdown files powered by React Components
Valtio for state management
WindyCSS for easy bundling TailwindCSS into the stack(typography and forms plugin builtin)
Vite for bundling
uvu for testing
linkedom for speedy simulation of the browser environment in uvu tests
C8 for code coverage
Prettier-Standard for formatting and linting
lint-staged with precommit task for linting
Commitizen intercepting your commits to help you add nice formatted messages
Renovate for automated dependency updates
git-notify for communicating important updates during git pull to your team
git-standup to recall what you did yesterday
semantic-release to automatically release new versions of your project(remember to set NPM_TOKEN in your repository)
Github Actions CI preconfigured for running lint + tests
SSR/SSG builtin
Rudimentary autorouting based on directory convention(similar to Next.js)
Optional configuration for Netlify deployment

Setup

yarn standup (receive a pretty list of things you did on your last working day)
yarn dev (standard dev server)
yarn format (format and lint the codebase following prettier-standard rules)
yarn build (bundle client and server(SSR) for production)
yarn build:client (bundle client for production)
yarn build:server (bundle server(SSR) for production)
yarn generate (bundle static SSR/SSG)
yarn serve (preview the production bundle(SSR))
yarn test (run the test suite and generate code coverage)

Recommend Projects