braindump
A place to dump your ideas, even if it's dumb.
Available Scripts
Running the development server.
yarn dev
Building for production.
yarn build
Running the production server.
yarn start
Linting & formatting your code.
yarn lint
Running your tests.
yarn test
TailwindCSS
A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
Styled Components
Utilising tagged template literals (a recent addition to JavaScript) and the power of CSS, styled-components allows you to write actual CSS code to style your components.
Fetch
Next.js has a built-in polyfill for the fetch API. You don't need to worry about using it on either server or client side.
Axios
Promise based HTTP client for the browser and node.js.
Bundle Analyzer
Use webpack-bundle-analyzer in your Next.js project. Visualize size of webpack output files with an interactive zoomable treemap.
SWR
React Hooks library for data fetching from Vercel
ESLint
A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.
Prettier
An opinionated code formatter; Supports many languages; Integrates with most editors.
lint-staged
The concept of lint-staged is to run configured linter (or other) tasks on files that are staged in git.
Testing Library
The React Testing Library is a very light-weight solution for testing React components. It provides light utility functions on top of react-dom and react-dom/test-utils.
Cypress
Fast, easy and reliable testing for anything that runs in a browser.
Github Actions
GitHub Actions makes it easy to automate all your software workflows, now with world-class CI/CD. Build, test, and deploy your code right from GitHub.
License
MIT