Blogs by JC - A Blog Site

Welcome to Blogs by JC, a blog site powered by Next.js, Tailwind CSS, and Contentlayer. This project represents a significant milestone for me as it's my first experience working with MDX for blog content, and now I feel comfortable writing in this format and sharing my thoughts and knowledge. This project is also my first attempt at using dynamic routing and sitmap for SEO optimization.

Project Overview

• Project Name: Blogs by JC
• Framework: Next.js
• Styling: Tailwind CSS
• Content Management: Contentlayer
• Developed By: Jeremy Ashley
• GitHub Repository: https://github.com/Messyginger0804/blogs-by-jc-focontent

Features

Blogs by JC offers the following features:

• Custom Design: The site is tailored for a unique and engaging user experience.
• MDX Blog Posts: Blogs are written in MDX format, enabling rich content with embedded components.
• Dynamic Routing: Utilizes Next.js dynamic routing for a smooth and dynamic user experience.
• SEO Optimization: Incorporates next-sitemap for enhanced SEO performance and discoverability.
• Content Schema Control: Contentlayer is used to manage and control the schema of the blog content.

Technologies Used

In the creation of Blogs by JC, I made use of the following technologies:

• Next.js: A React framework for building server-rendered applications.
• Tailwind CSS: A utility-first CSS framework for rapid web development.
• Contentlayer: A content management system for structured content in Next.js.
• MDX: A popular format for creating rich and dynamic content.

How to Use

To explore and interact with Blogs by JC, simply going to: https://blogs-by-jc-focontent.vercel.app/

1. Clone or download the project repository to your local machine.

2. Navigate to the project directory.

3. Run the application using Next.js: npm install npm run dev

Blogs by JC

Welcome to Blogs by JC, where you can explore a collection of rich MDX content.

Challenges Faced

Creating Blogs by JC posed several challenges, as this was my first project attempting to utilize these technologies and tools:

Next-sitemap Dynamic Rounting MDX Rehypeslug

• First-Time Utilization: This project marked my first experience with MDX, Nextjs Dynamic routing, and next-sitemap for SEO optimization.

Future Plans

For Blogs by JC, I have the following plans for future improvements and enhancements:

• Database Integration: I intend to explore using a database of some kind to store the blogs and have the blog site fetch the data when rendering.

License

Blogs by JC is open-source, and its code is available in the associated GitHub repository. You are welcome to use, modify, or distribute the code as per the project's license.

Contact

If you have any questions, feedback, or would like to connect with me, you can reach out via Linkedin.

Thank you for visiting Blogs by JC, and I look forward to sharing more content and insights in the future!