Check the project structure here Project Structure
- Introduction
- Tech Stack
- Features
- Installation Guide
- Contributing Guide
- Outreach
- Project Admin
- Code of Conduct
- Learn More
- Deploy on Vercel
- License
- Support
- Contributors
AI Content Generator is a web-based application built using Next.js and TypeScript. It is designed to create AI-driven content generation tools with modern development frameworks. The project aims to provide efficient and scalable content workflows to improve productivity, and it is deployable via Vercel for quick and easy hosting.
- React: A JavaScript library for building user interfaces.
- Next.js: A React framework for server-side rendering and static site generation.
- Gemini: (Add a short description of its use in your project).
- Clerk: Authentication and user management made simple.
- TailwindCSS: A utility-first CSS framework for rapid UI development.
- TypeScript: A typed superset of JavaScript that adds static typing.
-
AI-driven content generation.
-
Scalable and efficient automated content workflows.
-
Server-side rendering and static site generation using Next.js.
-
Integrated user management and authentication via Clerk.
-
Stylish, responsive design using TailwindCSS.
-
Easy deployment through Vercel.
-
Clone this repository to your local machine:
git clone https://github.com/your-username/ai-content-generator.git cd ai-content-generator -
Install the required dependencies:
npm install -
Setup environment variables Create a .env.local file in the root directory and add the following values:
SOCKET_IO_SERVER_URL=http://localhost:3001 -
Run the application For development:
npm run dev
For production:
npm run build
npm start
- Go to Neon and sign up for a new account or log in if you already have one.
- In your Neon dashboard, click on Create Database.
- Enter a name for your database and select your preferred region.
- Click on Create to provision your new database.
- Choose next.js and go to tab .env just below and copy the 'DATABASE_URL'
- Update your
.env.localfile to include the connection string:
- Create application in Clerk
- Choose next.js
- In second step copy all the content of .env.local from clerk platform
- Paste it in .env.local in your local machine
-
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY="your NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY"
-
CLERK_SECRET_KEY="your-CLERK_SECRET_KEY"
-
NEXT_PUBLIC_DATABASE_URL = "neonDB datbase url"
We welcome contributions to the videocall webapp project! To contribute:
- Fork the repository
- Create a feature branch (
git checkout -b feature-name) - Commit your changes (
git commit -am 'Add new feature') - Push to the branch (
git push origin feature-name) - Create a new Pull Request
Please refer to the CONTRIBUTING.md for more detailed information.
HelpOps-Hub is proudly part of global initiatives engaging with passionate developers and open-source enthusiasts worldwide:
| Name | Logo | Purpose |
|---|---|---|
| GSSoC'2024-Extd |  |
The coding period is from October 1st to October 30th, during which contributors make contributions and earn points on the platform. |
| Hacktoberfest 2024 |  |
Hacktoberfest is a month-long October event welcoming all skill levels to join the open source community, contribute quality pull requests on GitHub, and earn cool swag. |
This project and everyone participating in it is governed by the Code of Conduct. By participating, you are expected to uphold this code.
To deepen your understanding of Next.js, check out these valuable resources:
- Next.js Documentation - Explore Next.js features and API.
- Learn Next.js - Engage with an interactive tutorial to enhance your skills.
- Next.js GitHub Repository - Your feedback and contributions are always welcome!
The simplest way to deploy your Next.js app is through the Vercel Platform, created by the team behind Next.js. For more deployment options, refer to our Next.js deployment documentation.
Gityzer is licensed under the terms of the MIT License. check out LICENSE for details.
-
💰 Become our Sponsor!
-
⭐ Star our Repo