🌐 Nginx Config Generator

A beautiful Next.js application to generate Nginx server configuration for your domain and port.
✨ Includes animated UI with TailwindCSS and Framer Motion.

---

🚀 Features

✅ Enter a domain name and port
✅ Generate a ready-to-use Nginx configuration
✅ Copy the configuration to your clipboard with one click
✅ Smooth animations and modern design

---

🛠️ Tech Stack

---

📂 Folder Structure

nginx-generator/
├── app/
│   ├── globals.css               # Global styles (TailwindCSS)
│   ├── layout.tsx                # Main layout
│   └── page.tsx                  # Main page with form and generator
├── public/
│   └── favicon.ico
├── styles/
│   └── (if you add custom styles)
├── node\_modules/
├── .eslintrc.json
├── next.config.js
├── package.json
├── postcss.config.js
├── tailwind.config.js
├── tsconfig.json
└── README.md

---

⚙️ Installation

Clone this repository:

git clone git@github.com:syedomer17/Next.js-nginx-config-generator.git
cd nginx-generator

Install dependencies:

npm install

Run development server:

npm run dev

Visit:

http://localhost:3000

---

✨ Usage

1. Enter your domain name (e.g., example.com)
2. Enter the backend port (e.g., 5000)
3. Click Generate
4. Copy the configuration and paste it into your nginx.conf

---

💡 Customization Ideas

• Add domain validation
• Enable HTTPS configurations
• Support multiple locations
• Save generated configs locally

---

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to open a pull request.

---

🌟 Show your support

⭐️ Star this repo if you like it!