Short Explanation
This website is my personal portfolio that showcases my projects and experience in IT field. The website is built with Next.js and Tailwind CSS, and uses Contentlayer for managing the project data. This website is inspired by my university friend and you can view his website at theodorusclarence.
Project Goals
The main goal of this project was to create a visually appealing and responsive portfolio website that would showcase my work in a professional manner. The website had to be fast and easy to navigate, with a clean and modern design that would appeal to potential clients and employers.
Technologies Used
The website was built with the following technologies:
- Next.js: Next.js is a popular React framework that allows for server-side rendering and easy deployment. It also comes with built-in features like static site generation and automatic code splitting.
- Tailwind CSS: Tailwind is a utility-first CSS framework that allows for rapid prototyping and custom styling. It also helps to keep the codebase organized and easy to maintain.
- Contentlayer: Contentlayer is a lightweight content management system that integrates seamlessly with Next.js. It allows for easy management of project data and metadata, without the need for a separate CMS.
- ts-nextjs-tailwind-starter: This website is built using this starter, the repository contain a lot of useful development features and guideline that help me build this website.
Lesson Learned
Building this project taught me a lot about web development and helped me to improve my skills in several areas. Here are some of the lessons I learned:
- Utility-first CSS: Tailwind CSS taught me how to use a utility-first approach to CSS, which helped me to write cleaner and more maintainable code.
- Data management: Contentlayer taught me how to manage project data and metadata in a simple and efficient manner, without the need for a separate CMS.
- Responsive design: Building a responsive website taught me how to use media queries and other techniques to create a website that looks great on any device.