# frontend-starter-nextjs-tailwind
This project was generated with [superplate](https://github.com/pankod/superplate).
## Getting Started
superplate is a Next.js all-in-one project generator. Create your project with the tools you need without spending hours on setting them up.
## Available Scripts
### Running the development server.
```bash
yarn dev
```
### Building for production.
```bash
yarn build
```
### Running the production server.
```bash
yarn start
```
## Learn More
To learn more about **superplate**, please check out the [Documentation](https://github.com/pankod/superplate).
### **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.
[Go To Documentation](https://tailwindcss.com/docs)
### **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).
[Go To Documentation](https://github.com/vercel/styled-jsx)
### **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.
[Go To Documentation](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API)
### **Axios**
Promise based HTTP client for the browser and node.js.
[Go To Documentation](https://github.com/axios/axios)
### **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.
[Go To Documentation](https://storybook.js.org/docs/react/get-started/introduction)
### **SVGR**
Transform SVGs into React components.
[Go To Documentation](https://react-svgr.com/docs/getting-started/)
### **Environment Variables**
Use environment variables in your next.js project for server side, client or both.
[Go To Documentation](https://github.com/vercel/next.js/tree/canary/examples/environment-variables)
### **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.
[Go To Documentation](https://webpack.js.org/configuration/dev-server/#devserverproxy)
### **Bundle Analyzer**
Use webpack-bundle-analyzer in your Next.js project. Visualize size of webpack output files with an interactive zoomable treemap.
[Go To Documentation](https://github.com/vercel/next.js/tree/canary/packages/next-bundle-analyzer)
### **React Query**
Hooks for fetching, caching and updating asynchronous data in React.
[Go To Documentation](https://react-query.tanstack.com/overview)
### **React Redux**
Redux helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test.
[Go To Documentation](https://redux.js.org/introduction/getting-started)
### **RTK Query**
RTK Query is a powerful data fetching and caching tool
[Go To Documentation](https://redux-toolkit.js.org/rtk-query/overview)
### **next-translate**
Tiny and powerful i18n tools (Next plugin + API) to translate your Next.js pages.
[Go To Documentation](https://github.com/vinissimus/next-translate)
### **Prettier**
An opinionated code formatter; Supports many languages; Integrates with most editors.
[Go To Documentation](https://prettier.io/docs/en/index.html)
### **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.
[Go To Documentation](https://testing-library.com/docs/)
### **Cypress**
Fast, easy and reliable testing for anything that runs in a browser.
[Go To Documentation](https://docs.cypress.io/guides/overview/why-cypress.html)
### **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.
[Go To Documentation](https://www.docker.com/get-started)
### **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.
[Go To Documentation](https://docs.github.com/en/actions)
## License
MIT
# frontend-starter-nextjs-tailwind
React
Vue.js
Typescript
TensorFlow
Django
Laravel
D3
Facebook
Microsoft
Google
Alibaba
D3
Tencent