https://github.com/notharshhaa/personal-blog

A personal blog site for DevOps & Cloud Space based on Typescript, Next.js, TailwindCSS.
https://github.com/notharshhaa/personal-blog

blog devops-blogs javascript nextjs personal-blog tailwindcss typescript

Last synced: about 1 month ago
JSON representation

A personal blog site for DevOps & Cloud Space based on Typescript, Next.js, TailwindCSS.

• Host: GitHub
• URL: https://github.com/notharshhaa/personal-blog
• Owner: NotHarshhaa
• License: mit
• Created: 2025-04-12T04:54:45.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-04-12T07:33:51.000Z (about 1 year ago)
• Last Synced: 2025-04-12T08:32:51.934Z (about 1 year ago)
• Topics: blog, devops-blogs, javascript, nextjs, personal-blog, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://blog.notharshhaa.site
• Size: 227 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# **Harshhaa's Personal DevOps & Cloud Space**

![banner](https://imgur.com/sbilOwe.png)

🚀 **Welcome to a personal space dedicated to DevOps, Cloud computing, and all things infrastructure.Discover hands-on tutorials, real-world engineering insights, and tools like Kubernetes, Terraform, Docker, and AWS.**

  

## 🔗 **Blog Site**

🌐 Visit: [blog.notharshhaa.site](https://blog.notharshhaa.site)

## 🛠 **Tech Stack**

![Next.js](https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=next.js&logoColor=white) ![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white) ![PostgreSQL](https://img.shields.io/badge/PostgreSQL-4169E1?style=for-the-badge&logo=postgresql&logoColor=white) ![Drizzle](https://img.shields.io/badge/Drizzle-0A0A0A?style=for-the-badge&logo=data&logoColor=white) ![Tiptap](https://img.shields.io/badge/Tiptap-4A00E0?style=for-the-badge) ![Lucide](https://img.shields.io/badge/Lucide-000000?style=for-the-badge) ![NextAuth](https://img.shields.io/badge/NextAuth.js-3ECF8E?style=for-the-badge&logo=next.js&logoColor=black) ![TailwindCSS](https://img.shields.io/badge/TailwindCSS-06B6D4?style=for-the-badge&logo=tailwindcss&logoColor=white)

## ✨ Features

- 🔐 **Authentication**: Sign in with Google

- 👥 **Role-based Access** _(Added by @NotHarshhaa)_: Admin & User role-based features and permissions

- ✍️ **Rich Text Editor**: Create and edit blog posts with a modern editor

- 🌙 **Dark Mode**: Toggle between light and dark themes

- ❤️ **Like Button**: Like and unlike blog posts

- 📝 **Drafts**: Save your blog posts as drafts

- 🔒 **Visibility Control**: Choose public or private for your posts

## 🚀 **Getting Started**

Follow these steps to run the project locally on your machine:

1. **Clone the repository**

```bash

git clone https://github.com/NotHarshhaa/personal-blog.git

```

2. **Navigate to the project directory**

```bash

cd personal-blog

```

3. **Install dependencies**

```bash

pnpm install

```

4. **Configure environment variables**

Create a `.env.local` file based on `.env.example` and fill in the required variables.

4. **Start Docker Compose**

```bash

docker compose up -d

```

5. **Run the development server**

```bash

pnpm dev

```

---

## 🙏 **Credits**

This project is based on [@tszhong0411](https://github.com/tszhong0411)'s brilliant work: [one-blog](https://github.com/tszhong0411/one-blog).

Much appreciation for the original structure, UI, and idea. I’ve extended the functionality by adding:

- 🧑‍💼 **Role-based Access Control** (Admin & User permissions)

- 🛠️ Personal branding and minor feature customizations

If you like this setup, make sure to support the original author with a ⭐ here: [tszhong0411/one-blog](https://github.com/tszhong0411/one-blog).

---



  Made with 💻 & ❤️ by @NotHarshhaa in Hyderabad, India 🇮🇳

  


  Sharing DevOps & Cloud knowledge with the community 🌐