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 [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
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/