https://github.com/notharshhaa/projects.prodevopsguytech.com
A website showcasing a curated list of major real-time DevOps and Cloud projects, ranging from beginner to advanced levels. Built using Next.js and styled with Tailwind CSS, this project leverages a modern starter template for fast and responsive development. Perfect for learning and exploring hands-on DevOps and Cloud concepts!
https://github.com/notharshhaa/projects.prodevopsguytech.com
css devops devops-learning devops-practice-project-space devops-projects farmer-motion javascript nextjs tailwindcss typescript
Last synced: 8 months ago
JSON representation
A website showcasing a curated list of major real-time DevOps and Cloud projects, ranging from beginner to advanced levels. Built using Next.js and styled with Tailwind CSS, this project leverages a modern starter template for fast and responsive development. Perfect for learning and exploring hands-on DevOps and Cloud concepts!
- Host: GitHub
- URL: https://github.com/notharshhaa/projects.prodevopsguytech.com
- Owner: NotHarshhaa
- License: agpl-3.0
- Created: 2025-04-04T09:58:05.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2025-05-07T16:51:33.000Z (9 months ago)
- Last Synced: 2025-05-07T17:45:56.798Z (9 months ago)
- Topics: css, devops, devops-learning, devops-practice-project-space, devops-projects, farmer-motion, javascript, nextjs, tailwindcss, typescript
- Language: MDX
- Homepage: https://projects.prodevopsguytech.com
- Size: 26 MB
- Stars: 2
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# 🚀 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](https://projects.prodevopsguytech.com)
📂 **Source Code**: [GitHub Repository](https://github.com/NotHarshhaa/DevOps-Projects.git)
---
## 🎉 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+ recommended) – [Download here](https://nodejs.org/)
- **npm** (comes with Node.js) or **yarn**
- **Git** (optional but recommended) – [Install here](https://git-scm.com/)
### 🚀 Installation Steps
1️⃣ **Clone the repository**
```sh
git clone https://github.com/NotHarshhaa/DevOps-Projects.git
cd DevOps-Projects
```
2️⃣ **Install dependencies**
```sh
npm install
```
3️⃣ **Start the development server**
```sh
npm run dev
```
4️⃣ **Open in your browser**
Visit [http://localhost:3000](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:
```sh
npm install -g vercel
```
2. Deploy the project:
```sh
vercel
```
For other deployment options, check [Vercel Documentation](https://vercel.com/docs).
[](https://vercel.com/new)
---
## 📜 License
This project was originally built using [Next.js](https://nextjs.org) via the [timlrx/tailwind-nextjs-starter-blog](https://github.com/timlrx/tailwind-nextjs-starter-blog).
If you wish to reference the older codebase or reuse components (licensed under [Apache 2.0](https://github.com/jktrn/enscribe.dev/blob/ddda783b21d5d49783f4d98e9b06676af8f95031/LICENSE)), check the [v2.3.0 release](https://github.com/jktrn/enscribe.dev/releases/tag/v2.3.0).
---
## 💡 Contributing
We welcome contributions to enhance this project! To contribute:
1. Fork the repository
2. Create a new branch:
```sh
git checkout -b feature-branch
```
3. Make your changes and commit:
```sh
git commit -m "Added new feature"
```
4. Push changes and open a pull request
For detailed guidelines, check the [Contribution Guide](CONTRIBUTING.md) (coming soon).
---
## 🙌 Acknowledgments
- Inspired by [timlrx/tailwind-nextjs-starter-blog](https://github.com/timlrx/tailwind-nextjs-starter-blog)
- Thanks to **[NotHarshhaa](https://github.com/notharshhaa)** for curating this project!
---
🚀 **Built with ❤️ by [NotHarshhaa](https://github.com/notharshhaa)**