This is a Next.js project bootstrapped with create-next-app.
This is my personal website, built with Next.js for the framework and Tailwind CSS for quick styling.
- Dark mode: toggle between light and dark mode by clicking the moon icon in the top right corner.
- Responsive design: the website is fully responsive and looks great on all devices.
- Custom hooks: use custom hooks to get scroll position, scroll direction for animations.
- Easy customization: Tailwind CSS's utility-first approach makes it simple to change styles without writing custom CSS.
- Google Fonts: use Google Fonts to load Lato, a custom font for the website.
- Deployed on Vercel: the website is deployed on Vercel and is live at a custom domain jimcbl.dev.
- First, clone the repository:
git clone https://github.com/jimodayne/jimcbl.dev.git- Install dependencies:
npm install
# or
yarn- Start the development server:
npm run dev
# or
yarn dev- Open http://localhost:3000 with your browser to see the result.