Dilemma
As someone who has always despised CSS, the thought of creating a personal portfolio felt like walking into a minefield. Yet, as December rolled around, the festive air of Christmas brought with it a wave of inspiration. A new year was on the horizon, and I decided that creating a great portfolio should top my resolution list.
The Inspiration
I began my journey by researching different portfolios. What I found was stunning—sleek, aesthetic designs that screamed "professional." But for me, someone who avoids CSS like the plague, these designs felt impossible to achieve. I even considered using Flutter Web, my comfort zone, to build the site. However, I quickly realized that portfolios need strong SEO to serve their purpose of being discovered—and Flutter Web wasn’t the best choice for that.
The Breakthrough
That’s when it hit me: A portfolio is essentially documentation. It’s a way to showcase who I am, my experiences, my skills—just like how documentation explains tools, packages, or frameworks. As a developer, this clicked instantly.
Document your life—a mantra I’ve heard repeatedly across YouTube, Instagram, and every productivity guru’s content. This resonated deeply, and I knew I needed to take a literal step toward documenting my life.
Enter Fumadocs
While researching documentation tools like ,Docusaurus, Nextra, I stumbled upon Fumadocs, a beautiful and robust documentation framework. Built on Next.js, it’s designed for flexibility, performance, and ease of use. It was perfect for someone like me—someone who wanted a powerful yet CSS-minimal way to create a professional portfolio.
With Fumadocs, I could focus on content and structure without drowning in CSS complexities. The framework provided a complete toolchain, making it incredibly straightforward to set up and customize. The design was clean and modern, fitting my vision perfectly.
The Result
Using Fumadocs, I crafted a portfolio that:
- Showcased my skills, experiences, and projects in an organized manner.
- Was fast, SEO-friendly, and visually appealing - has search features out of the box.
- Required minimal interaction with CSS, saving me hours of frustration.
- I started this website around 12 days ago I presume, and this is the level I have reached in such a short time.
A Step Forward
This journey taught me that even as a CSS hater, there are tools and frameworks out there that can help you achieve your goals. Fumadocs turned my dread of creating a portfolio into an enjoyable and rewarding experience. There is always something out there to make your life easier, you just have to search harder.
So here’s to documenting life, embracing new tools, and starting the new year with a portfolio that truly represents me.