refactor: Replace Contentlayer with Velite for markdown handling

Author: codebucks27

.gitignore

@@ -34,7 +34,7 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 
-.contentlayer
+.velite
 
 /public/robots.txt
 /public/sitemap.xml

README.md

@@ -1,4 +1,4 @@
-# Next.js 13 Blog Tutorial: Build SEO Optimized Personal Blog with Next.js, Contentlayer, and Tailwind CSS 🔥
+# Next.js Blog Tutorial: Build SEO Optimized Personal Blog with Next.js, Contentlayer, and Tailwind CSS 🔥
 
 ![GitHub stars](https://img.shields.io/github/stars/codebucks27/Nextjs-tailwindcss-blog-template?style=social&logo=ApacheSpark&label=Stars)  
 ![GitHub forks](https://img.shields.io/github/forks/codebucks27/Nextjs-tailwindcss-blog-template?style=social&logo=KashFlow&maxAge=3600)  
@@ -16,6 +16,8 @@ https://youtu.be/1QGLHOaRLwM <br />
 
 Checkout My Personal blog: [DevDreaming](https://devdreaming.com/)<br />
 
+> NOTE: In the youtube tutorial I have used contentlayer for the markdown files. Since contentlayer is not actively maintained, I have switched to Velite for the markdown files. If you want to checkout the contentlayer please switch to the contentlayer branch.
+
 
 ### ⭐DO NOT FORGET TO STAR THIS REPO⭐
 
@@ -55,35 +57,3 @@ For more Images please check the [project images](https://github.com/codebucks27
 
 This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

public/blogs/c-d-x-PDX_a_82obo-unsplash.jpg renamed to content/blogs/automating-repetitive-tasks-productivity-hacks-for-developers/c-d-x-PDX_a_82obo-unsplash.jpg

@@ -1,13 +1,14 @@
 ---
 title: "Automating Repetitive Tasks: Productivity Hacks for Developers"
 description: How to deploy your Next.js apps on Vercel.
-image: "../../public/blogs/emile-perron-xrVDYZRGdw4-unsplash.jpg"
-publishedAt: "2023-01-01"
-updatedAt: "2023-01-01"
+image: emile-perron-xrVDYZRGdw4-unsplash.jpg
+publishedAt: 2024-05-08 13:00:00
+updatedAt: 2024-05-08 13:00:00
 author: "codebucks"
 isPublished: true
 tags: 
 - productivity
+slug: automating-repetitive-tasks-productivity-hacks-for-developers
 ---
 
 Until now, trying to style an article, document, or blog post with Tailwind has been a tedious task that required a keen eye for typography and a lot of complex custom CSS.
@@ -66,7 +67,7 @@ Something a wise person once told me about typography is:
 It's probably important that images look okay here by default as well:
 
 <Image
-  src="/blogs/c-d-x-PDX_a_82obo-unsplash.jpg"
+  src="/blogs/c-d-x-PDX_a_82obo-unsplash-55192b8a.jpg"
   width="718"
   height="404"
   alt="Image"

public/blogs/emile-perron-xrVDYZRGdw4-unsplash.jpg renamed to content/blogs/automating-repetitive-tasks-productivity-hacks-for-developers/emile-perron-xrVDYZRGdw4-unsplash.jpg

@@ -1,13 +1,14 @@
 ---
 title: "Best Practices for Writing Clean and Maintainable Code"
 description: How to deploy your Next.js apps on Vercel.
-image: "../../public/blogs/roman-synkevych-vXInUOv1n84-unsplash.jpg"
-publishedAt: "2023-01-02"
-updatedAt: "2023-01-02"
+image: roman-synkevych-vXInUOv1n84-unsplash.jpg
+publishedAt: 2024-05-08 13:00:00
+updatedAt: 2024-05-08 13:00:00
 author: "codebucks"
 isPublished: true
 tags: 
 - code quality
+slug: best-practices-for-writing-clean-and-maintainable-code
 ---
 
 
@@ -68,7 +69,7 @@ Something a wise person once told me about typography is:
 It's probably important that images look okay here by default as well:
 
 <Image
-  src="/blogs/c-d-x-PDX_a_82obo-unsplash.jpg"
+  src="/blogs/c-d-x-PDX_a_82obo-unsplash-55192b8a.jpg"
   width="718"
   height="404"
   alt="Image"

content/automating-repetitive-tasks-productivity-hacks-for-developers/index.mdx renamed to content/blogs/automating-repetitive-tasks-productivity-hacks-for-developers/index.mdx

@@ -1,13 +1,14 @@
 ---
 title: "Building Progressive Web Apps: Bridging the Gap Between Web and Mobile"
 description: "Integrating mindfulness practices helps developers cultivate present-moment awareness, fostering focus, problem-solving, and work-life balance."
-image: "../../public/blogs/charlesdeluvio-cZr2sgaxy3Q-unsplash.jpg"
-publishedAt: "2023-01-04"
-updatedAt: "2023-01-04"
+image: charlesdeluvio-cZr2sgaxy3Q-unsplash.jpg
+publishedAt: 2025-01-01 13:00:00
+updatedAt: 2025-01-01 13:00:00
 author: "codebucks"
 isPublished: true
 tags:
 - web development
+slug: building-progressive-web-apps-bridging-the-gap-between-web-and-mobile
 ---
 
 
@@ -68,7 +69,7 @@ Something a wise person once told me about typography is:
 It's probably important that images look okay here by default as well:
 
 <Image
-  src="/blogs/c-d-x-PDX_a_82obo-unsplash.jpg"
+  src="/blogs/c-d-x-PDX_a_82obo-unsplash-55192b8a.jpg"
   width="718"
   height="404"
   alt="Image"