This work is still in progress and is subject to many changes
- Decisions are already made
- Configurations are already written
- CI / CD pipelines are running
- Development environment is configured
- Backend is available
- Deployment is ready
- Focus on what matters : code
This project provides a typesafe, production ready modern website template, fully integrated with API-template and with a complete development environment
It gives your project a clean base to start since a lot of choices were already made, and it comes with out of the box features, such as theming, authentification, or dark mode
All configurations were already taken care of, so you can simply start to code without worrying about anything else !
No more struggle with babel, typescript, eslint, prettier, jest, styled components, material UI, etc ... !
This repository is templated. Use it as a base for your own projects by clicking on Use this template |
front-template is fully integrated with
- API-template, to provide a backend
- ops-template, to add caching on the top
The front-end is automatically deployed and available on https://front-template.vercel.app
- Install dependencies with
npm install
- Run
npm run dev
- Open your navigator and go to localhost:3000
- React : Web framework
- NextJS (SSR) : SSR (Server Side Rendering)
- SWR (data fetching) : Data fetching
- Styled components : CSS in JS
- MaterialUI : UI library
- Jest (testing) : Testing
- Eslint (styling) : Code styling
- Prettier (formatting) : Code formating
- Husky (pre-commit hooks) : Pre commit hooks
- Vercel (deployment) : Continuous deployment and PR previews
- Fork it (https://github.com/LeChatErrant/front-template/fork)
- Create your feature branch (
git checkout -b my-new-feature
) - Commit your changes (
git commit -am 'Add some feature'
) - Push to the branch (
git push origin my-new-feature
) - Create a new Pull Request
Issues and comments welcomed ! 😉
LeChatErrant - creator and maintainer