Blog Website

Introduction

As I stepped into the world of web development, my first major project was to create a personal blog. I chose Next.js and Nextra for this endeavor, aiming to build a platform to share my learning experiences, insights, and coding snippets.

Choosing the Right Tech

Next.js stood out as my framework of choice, thanks to its easy-to-use setup and the ability to generate static sites. Nextra, complementing Next.js, provided an easy markdown experience. This combination allowed me to focus more on my writing and less on the technical setup.

Styling with CSS

A vital part of my project was making the blog visually appealing and user-friendly. Although working with CSS can be complex, it was crucial for personalizing my blog's look. I dedicated time to understand and apply CSS rules, ensuring the blog was attractive and responsive on various devices.

Adding Functionality with JavaScript

JavaScript played a significant role in bringing dynamic elements to my blog. One of the first features I implemented was an RSS feed, giving visitors the ability to subscribe and stay updated with my latest posts.

The Learning Process

Every stage of building the blog was a learning opportunity. From using React components in Next.js to organizing content with Nextra and solving CSS and JavaScript challenges, each step was a lesson in web development. For Deployement, I used Vercel which made it really straight-forward. Embarking on this project was a rewarding learning experience. It not only honed my practical web development skills but also underscored the value of consistent effort. Transforming the blog from an idea to a live site has been incredibly satisfying.

Conclusion

Creating my blog marked a significant phase in my journey as a web developer. It involved applying newly learned skills, tackling challenges, and sharing my progress. For beginners in web development, launching a personal project like a blog can be a valuable way to learn and showcase abilities.