Starter Next.js template with chakra UI

Got tired of always starting projects from scratch. hopefully this helps.

Getting Started

Clone the project and install all dependencies

yarn
# or
npm install

Run the development server

npm run dev
# or
yarn dev

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

Batteries Included

💎 Next.js and Typescript (Frontend Framework)

• Documentation - https://nextjs.org/docs
• Nextjs Typescript docs - https://nextjs.org/docs/basic-features/typescript

🎨 Chakra UI (UI Library)

• Getting Started - https://chakra-ui.com/guides/getting-started/nextjs-guide
• Customize Theme - https://chakra-ui.com/docs/styled-system/theming/customize-theme

🔠 Font Source (Fonts)

• https://chakra-ui.com/docs/styled-system/recipes/using-fonts
• Website - https://fontsource.org/docs/guides/nextjs
• List of Fonts - https://fontsource.org/fonts

ℹ️ React-Icons (Icons)

• Documentation - https://react-icons.github.io/react-icons/

👽 React Query (API Management)

• https://react-query.tanstack.com/overview