NEXT 13 TAILWIND TEMPLATE

This is a Next.js Boilerplate set up with Typescript, Chakra UI, Eslint, Prettier, Pre-commit (Husky + lint-staged) and Cypress.

Get this starter project and maximize your experience like DEVELOPER!!!

System Requirements

• Node.js 16.8 or later;
• macOS, Windows (including WSL), and Linux are supported.

💻 Programming languages and technologies

• NextJS
• TypeScript
• Eslint
• Prettier

Features

• ⚛️ All of Next's advantages (Live reload, SSR, SSG, native API... );
• 🎨 Styling with TailwindCSS;
• 🛠 Types support by Typescript;
• 📝 Code check and formatter by ESLint and Prettier;
• ✨ Absolute imports (@/);
• 💡 Minimal folder structure;
• 🔍 SEO friendly;
• 🚀 All productivity to your project.

Automatic Installation

• Install the create-adryan-nextjs-template-tailwind

$ yarn create adryan-nextjs-template-tailwind OR $ npx create-adryan-nextjs-template-tailwind

• Run the development server

$ yarn dev OR $ npm run dev

• and... ENJOY 🛠️🚧⚙️

    1. Open (http://localhost:3000) with your browser to see the result.
    2. You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.

Manual Installation

• Clone repository

$ git clone https://github.com/AstrOOnauta/next-13-boilerplate.git

• Install dependencies

$ yarn OR $ npm i

• Run the development server

$ yarn dev OR $ npm run dev

• and... ENJOY 🛠️🚧⚙️

    1. Open (http://localhost:3000) with your browser to see the result.
    2. You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.

Terminal commands

• dev: runs your application on localhost:3000;
• build: creates the production build version;
• start: starts a simple server with the build production code;
• lint: runs the lintering commands in all components and pages;