This is my personal website, built with Next.js and Tailwind CSS.

• Responsive design
• Dark mode
• Contact form with email notifications

• Next.js
• Tailwind CSS
• TypeScript
• Vercel
• ReSend
• Framer Motion

1. Clone the project

git clone git@github.com:aydenjahola/personal-website.git

2. Go to the project directory

cd portfolio-website

3. Install dependencies

npm install

4. Start the server

npm run dev

the blog pages is a seperate project, you can find it here. It is hosted on Vercel and can be found here. The blog is built with Next.js, Tailwind CSS, and Sanity. The blog is a seperate project because I wanted to keep the main website as light as possible and I wanted to be able to update the blog without having to redeploy the main website which is why I decided to use Sanity as a headless CMS. you can read about sanity here.

the blogs uses sanity studio as a CMS, you read more about sanity studio here. the studio is hosted on vercel and can be found here.

To run this project, you will need to add the following environment variables to your .env.local file

• RESEND_API_KEY (must be a valid API key from ReSend)
• FROM_EMAIL (must be a verified email address (domain) in ReSend)
• TO_EMAIL (can by any email address you want to receive the contact form submissions)