Personal Website

Embracing Cloud Technology: The Shift to Online Presence

As the digital landscape evolves, businesses increasingly migrate to the cloud, emphasizing the importance of websites. Recognizing this trend, I embarked on a project in fall 2022 to create my own website. This endeavor wasn't just about carving a digital identity; it was also a learning journey into React.js, Next.js, and Tailwind CSS. I aimed to build a platform that not only showcases my personal experiences but also hones my skills in these cutting-edge web technologies.

reactjs iconnextjs icontailwind icon

Optimizing Web Development with React

Initially, I viewed personal websites as simple static content providers. However, I quickly realized the limitations and maintenance challenges of this approach. Utilizing React, a JavaScript library for building dynamic single-page applications, seemed a more efficient solution. React's ability to reuse components like navigation bars and footers across different pages streamlines the development process. Moreover, its routing system allows direct access to specific pages, bypassing the need to navigate from the homepage each time, and ensures smooth transitions without full page reloads.

Enhancing Performance and SEO with Next.js

While React excels in creating interactive user interfaces, it falls short in server-side rendering, which is crucial for SEO and performance. The initial page load with React can be slow, as it relies on JavaScript to render content. This is where Next.js becomes invaluable. By pre-building pages and serving pre-rendered HTML, Next.js addresses these limitations, offering faster load times and improved search engine visibility - essential for increasing my website's reach.

Future Plans: Integrating a Backend Database

Looking ahead, I plan to integrate a database into my personal website. Despite its content being relatively static, a backend database will facilitate content updates without altering the codebase. This step will not only simplify maintenance but also enhance the website's functionality and scalability.