Topics covered

We're going to talk a lot about:

✅ Create a template from scratch (Eslint, Prettierc, Jest, RTL and more)

✅ React fundamental concepts;

✅ Next.js 13 routing with the new App Router;

✅ Layout, error and other special files;

✅ React Server Components;

✅ Typescript;

✅ Tests.

And so much more!

With Next.js 13 (APP Router) & React 18!

• 📏 ESLint — Pluggable JavaScript linter.
• 💖 Prettier - Opinionated Code Formatter.
• 🐶 Husky — Use git hooks with ease.
• 🚫 lint-staged - Run linters against staged git files.
• 🐙 React Testing Library (RTL) - Builds by adding APIs for working with React components.
• 🃏 Jest - A delightful JavaScript Testing Framework with a focus on simplicity.
• 🧑‍🔬 Cypress - Fast, easy and reliable testing for anything that runs in a browser.
• 💅 TailwindCSS - Rapidly build modern websites without ever leaving your HTML.

• ContentLayer
• Rehype
• Remark

The best way to start with this template is to clone this repository and run the following commands inside the project folder:

1. pnpm install, npm install or yarn;
2. pnpm dev, npm run dev or yarn dev;

To view the project open http://localhost:3000.

1. Fork this repository;
2. Create your branch: git checkout -b my-new-feature;
3. Commit your changes: git commit -m 'Add some feature';
4. Push to the branch: git push origin my-new-feature.

Made with ♥ by Junior Alves