Blog-gladwebdev is a NextJS 13 blog inspired by what I learned from the previous blog tutorial by Sonny Sangha. It is made using the latest version of Next13 including the expiremental appDir feature.
Determined to create a blog using NextJS with the ability to display a code block, I searched for more inspiration on how to implement markdown-to-jsx. I researched different approaches and watched multiple tutorials on the topic. Eventually, I came across the idea of creating a static website with a static markdown file, which proved to be the easiest way to achieve my goal. By using a static file, I was able to avoid some of the type errors that can arise when working with dynamic content, and I gained a better understanding of how TypeScript interfaces work.
Developing this application was an excellent opportunity for me to gain valuable experience coding with NextJS and TypeScript. Throughout the development process, I had to constantly check for type errors that arises which strengthens my understanding of typescript. Overall, I was happy with the progress I made and as a result, I successfully launched my blogging platform, which now hosts various tech-related articles and tutorials.
I would like to implement several additional features in this project, including the ability to filter blog posts based on user search parameters and syntax highlighting for code blocks.
Please don't forget to leave a ⭐🙏🏻!
In order to run this application on your local machine, you can run the following commands on the terminal:
Installs the required package dependencies
Runs the client in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.