Next.js

TypeScript

Tailwind CSS

A rapid and utility-first CSS framework.

• @tailwindcss/typography
• tailwindcss-rtl (by 20lives)
• Theme Colors
• primary, secondary, accent, background

next-i18next

Jest and React Testing Library

atomic design

Error Page Template

404 and 500 error pages do exist as a sample.

Height Breakpoints and Media Queries

xsh, smh, mdh, lgh, xlh.

Import Path Aliases

@/components, @/lib, @/styles...

Recommended VSCode Extensions

Headwind, Auto Rename Tag and Prettier.

Getting Started with Next.js

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

Deploy on Vercel