This is a template for a Frontend project using the following stack:

• Next.js (with TypeScript)
• TailwindCSS (with CLSX)
• ESLint (using my own config)
• LucideReact
• Zustand
• Zod

Install the template

Note

Prerequisites:

• Git must be installed on your computer. If not, click here.
• NodeJS must be installed on your computer, if not, click here.

1. Clone the repository on your computer. To do this, open a terminal in the folder of your choice and run the following command:

git clone https://github.com/maxencebonamy/Frontend-Template

2. Navigate inside the folder you've just cloned with the following command:

cd Frontend-Template

3. Install the dependencies of the template:

npm install

4. Run the local development server:

npm run dev

Layout generation

npm run create:layout <route>

Page generation

npm run create:page <route>

Component generation

npm run create:component <name> [type]

The component type must be atom, molecule or organism.

Store generation

npm run create:store <name>

Util generation

npm run create:util <name>