This project is a web application that generates images using AI. Built with Next.js and React, it provides an intuitive interface for users to create images through text prompts or other parameters.
- Text-to-Image Generation: Convert your text descriptions into images
- Modern UI: Built with Next.js and React
- Responsive Design: Works seamlessly across desktop and mobile devices
- Real-time Generation: See your results instantly
-
Clone the repository
git clone https://github.com/yourusername/ai-image-generator.git cd ai-image-generator -
Install dependencies
npm install
-
Set up environment variables Create a
.env.localfile in the root directory and add your API keys:API_KEY=your_api_key_here from nebius ai studio
-
Run the development server
npm run dev
-
Open http://localhost:3000 in your browser
- Enter your text prompt in the input field
- Click the "Generate" button
- Wait for the AI to process your request
- View and download your generated image
├── src/
│ ├── app/
│ │ └── page.js # Main page component
│ ├── components/
│ │ └── imagegenerator.js # Image generation component
│ └── ...
├── public/
├── package.json
└── README.md
Contributions are welcome! Here's how you can help:
- Fork the repository
- Create a new branch (
git checkout -b feature/improvement) - Make your changes
- Commit your changes (
git commit -am 'Add new feature') - Push to the branch (
git push origin feature/improvement) - Create a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Next.js team for the amazing framework
- React community for the extensive resources
- [Add any other acknowledgments]
IG -(https://instagram.com/shyam_matam)
Project Link:(https://github.com/ShyamMatam/ai-image-generator)
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.