wdssuperv2
Getting Started
Ultimate boilerplate
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.
CSS / styled-jsx
Next.js comes with built-in support for CSS and styled-jsx. Styled-jsx is full, scoped and component-friendly CSS support for JSX (rendered on the server or the client).
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.
Storybook
Storybook is an open source tool for developing UI components in isolation for React, Vue, Angular, and more. It makes building stunning UIs organized and efficient.
SVGR
Transform SVGs into React components.
Environment Variables
Use environment variables in your next.js project for server side, client or both.
Reverse Proxy
Proxying some URLs can be useful when you have a separate API backend development server and you want to send API requests on the same domain.
Bundle Analyzer
Use webpack-bundle-analyzer in your Next.js project. Visualize size of webpack output files with an interactive zoomable treemap.
Apollo GraphQL
Apollo Client is a comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL. Use it to fetch, cache, and modify application data, all while automatically updating your UI.
SWR
React Hooks library for data fetching from Vercel
React Query
Hooks for fetching, caching and updating asynchronous data in React.
react-use
A Collection of useful React hooks.
React Redux
Redux helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test.
next-i18next
next-i18next is a plugin for Next.js projects that allows you to get translations up and running quickly and easily, while fully supporting SSR, multiple namespaces with codesplitting, etc.
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.
Enzyme
Enzyme is a JavaScript Testing utility for React that makes it easier to test your React Components' output. You can also manipulate, traverse, and in some ways simulate runtime given the output.
Cypress
Fast, easy and reliable testing for anything that runs in a browser.
Docker
Docker simplifies and accelerates your workflow, while giving developers the freedom to innovate with their choice of tools, application stacks, and deployment environments for each project.
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