This is website that I created to showcase my projects, contact and my blog. It is a next.js project that is responsive and mobile friendly. It is built using HTML, CSS, Typescript, React and Next.js. The website is hosted on GitHub Pages and can be accessed here. It is the fourth version of my personal website, and build upon website-v3 with next.js and tailwindcss. It will host on Vercel.
- Projects: The website has a projects page that showcases my projects. Each project has a title, description, and link to the GitHub repository.
- Blog: The website has a blog page that showcases my blog posts. Each blog post has a title, description, and link to the blog post.
- Contact: The website has a contact page that showcases my contact information. It has a contact form that allows users to send me a message.
- Responsive Design: The website is designed to be responsive and mobile friendly. It is built using a mobile-first
- SEO: The website is optimized for search engines. It uses next-seo to set meta tags and open graph tags.
- Performance: The website is optimized for performance. It uses next.js to generate static pages and tailwindcss to reduce the size of the CSS file.
- Accessibility: The website is designed to be accessible. It uses semantic HTML and has a high contrast mode.
- Next.js: Next.js is a React framework that is used to build static websites and server-side rendered websites.
- TailwindCSS: TailwindCSS is a utility-first CSS framework that is used to style the website.
- React: React is a JavaScript library that is used to build the website.
- TypeScript: TypeScript is a superset of JavaScript that is used to add static types to the website.
- ESLint: ESLint is a static code analysis tool that is used to enforce coding standards.
- pnpm: pnpm is a package manager that is used to install the dependencies.
- Clone the repository
- Install the dependencies by running
pnpm install - Run the development server by running
pnpm dev