# 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