Most elements are taken from my website.
- NextJS π
- TailwindCSS π¦
- Typescript π¦Ί
- Dark Mode Support π
- ESLint + Prettier Config π
- Husky πΆ
- Self-Hosted Inter Font β
Under the components folder, use Container for each of your pages - as it provides a reusable starting point for every page.
<Container>...pageElements</Container>
# http
git clone https://github.com/cristicretu/ts-next-tailwind-template.git
# ssh
git clone git@github.com: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
Install the required packages and run the template
cd project-name
yarn install
Under
/lib/classNames
- Next-themes: An abstraction for themes in your Next.js app.
- react-use: react-hooks
- custom underline
- vercel navbar
- removes firefox, edge and ie. bugs with overflows
import TextField from '../../../components/TextField.tsx'
changes to
import TextField from 'components/TextField.tsx'
Under
/components/
&/public/
Under
/public/fonts/
Under
/public/static/favicons/