Most elements are taken from my website.
- NextJS 13 🚀
- TailwindCSS 🦄
- Typescript 🦺
- Dark Mode Support 🌓
- ESLint + Prettier Config 📂
- Husky 🐶
- Self-Hosted Inter Font ␊
-
With 'use as template' repository
-
Clone the project
# http
git clone https://github.com/cristicretu/ts-next-tailwind-template.git# ssh
git clone [email protected]:cristicretu/ts-next-tailwind-template.git- With
create-next-app
npx create-next-app -e https://github.com/cristicretu/ts-next-tailwind-template project-name- Tip: if you want to use the version prior to Next.js 13 with the app directory, use:
npx create-next-app -e https://github.com/cristicretu/ts-next-tailwind-template/tree/1ac5d6dd4157ea3c7cc89f14fbfbf01ab0b495fc project-nameInstall the required packages and run the template
cd project-name
npm install
# yarn install
# pnpm installUnder
/lib/classNames
- Next-themes: An abstraction for themes in your Next.js app
- react-use: react-hooks
- Framer Motion: animation library
- custom underline
- vercel navbar
- removes firefox, edge and ie. bugs with overflows
import TextField from '../../../ui/TextField.tsx'changes to
import TextField from 'uis/TextField.tsx'Under
/ui/&/public/
Under
/public/fonts/
Under
/public/static/favicons/
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent