https://github.com/ashinga48/nextjs-fe-template
generated from pankod super plate, please check the excellent cli to generate CRA / Nextjs starter kit https://pankod.github.io/superplate/docs/
https://github.com/ashinga48/nextjs-fe-template
Last synced: 2 months ago
JSON representation
generated from pankod super plate, please check the excellent cli to generate CRA / Nextjs starter kit https://pankod.github.io/superplate/docs/
- Host: GitHub
- URL: https://github.com/ashinga48/nextjs-fe-template
- Owner: ashinga48
- License: mit
- Created: 2021-10-18T05:44:12.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-10-20T05:13:56.000Z (over 2 years ago)
- Last Synced: 2025-01-27T06:18:46.491Z (4 months ago)
- Language: TypeScript
- Size: 491 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.MD
- License: LICENSE
Awesome Lists containing this project
README
# serviceprovider-fe
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
npm run dev
```
### Building for production.
```bash
npm run build
```
### Running the production server.
```bash
npm run start
```
## Learn More
To learn more about **superplate**, please check out the [Documentation](https://github.com/pankod/superplate).
### **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.
[Go To Documentation](https://styled-components.com/docs)
### **Axios**
Promise based HTTP client for the browser and node.js.
[Go To Documentation](https://github.com/axios/axios)
### **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)
### **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.
[Go To Documentation](https://www.apollographql.com/docs/react/)
### **SWR**
React Hooks library for data fetching from Vercel
[Go To Documentation](https://swr.vercel.app/)
### **react-use**
A Collection of useful React hooks.
[Go To Documentation](https://github.com/streamich/react-use)
### **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)
### **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