🚀 DevOps & Cloud Projects Showcase

A curated collection of real-time DevOps and Cloud projects, ranging from beginner to advanced levels.
Built using Next.js and styled with Tailwind CSS, this project leverages modern web technologies to provide a fast, responsive, and interactive experience.

Ideal for developers looking to explore hands-on DevOps and Cloud concepts in a structured and practical manner.

📌 Live Site: projects.prodevopsguytech.com
📂 Source Code: GitHub Repository

---

🎉 Features

🏗️ Core Stack

• 🚀 Next.js 15 (App Router) – Modern web framework
• 📘 TypeScript – Type-safe development
• 🎨 Tailwind CSS – Utility-first CSS framework

📊 Backend & Database (in progress)

• 🟩 Neon – Serverless PostgreSQL database
• 🔧 Prisma – ORM for seamless database interactions

🖌️ UI & Styling

• 🛠️ Shadcn/ui – UI component library
• ✨ Lucide Icons – Icon library
• 🎥 Framer Motion – Smooth animations

🤖 AI & Integrations (in progress)

• 🤖 AI SDK – AI-powered functionalities
• ✉️ FormSpree – Form handling and email service

📜 Content & SEO

• ⚙️ Contentlayer – Markdown blog management
• 📖 Rehype & Remark – Markdown styling plugins
• 🗺️ SEO Optimizations – RSS Feed, Sitemap & robots.txt

🎵 Media & User Experience

• 🔊 Howler.js – Audio playback support
• 🌑 Light & Dark Mode – Interactive theme toggle
• 🎛️ Kbar – Command palette for site-wide search

📈 Analytics & Performance

• 📊 Posthog & Vercel Analytics – User insights and tracking
• 📱 Mobile-Friendly – Fully responsive design

---

📌 Getting Started

🔧 Prerequisites

Ensure you have the following installed before proceeding:

• Node.js (v18+ required) – Download here
• npm (comes with Node.js) or yarn
• Git (optional but recommended) – Install here

⚠️ Important: This project requires Node.js v18 or higher. If you're using an older version, you'll encounter compatibility issues with dependencies.

🚀 Installation Steps

1️⃣ Clone the repository

git clone https://github.com/NotHarshhaa/DevOps-Projects.git
cd DevOps-Projects

2️⃣ Install dependencies

# If you have nvm installed, use the project's Node.js version
nvm use

# Install dependencies
npm install

💡 Tip: This project includes a .nvmrc file. If you have nvm installed, simply run nvm use to automatically switch to the correct Node.js version.

3️⃣ Start the development server

npm run dev

4️⃣ Open in your browser
Visit http://localhost:3000 to view the project locally.

---

🚀 Deployment

This project is deployed on Vercel for a seamless experience. To deploy it on your own environment:

1. Install the Vercel CLI:

   npm install -g vercel

2. Deploy the project:

   vercel

For other deployment options, check Vercel Documentation.

---

📜 License

This project was originally built using Next.js via the timlrx/tailwind-nextjs-starter-blog.

If you wish to reference the older codebase or reuse components (licensed under Apache 2.0), check the v2.3.0 release.

---

💡 Contributing

We welcome contributions to enhance this project! To contribute:

1. Fork the repository

2. Create a new branch:

   git checkout -b feature-branch

3. Make your changes and commit:

   git commit -m "Added new feature"

4. Push changes and open a pull request

For detailed guidelines, check the Contribution Guide (coming soon).

---

🙌 Acknowledgments

• Inspired by timlrx/tailwind-nextjs-starter-blog
• Thanks to NotHarshhaa for curating this project!

---

🚀 Built with ❤️ by NotHarshhaa