mrfusion-jp / build-a-site01

An example of using AI and AWS to generate, and deploy websites in under a minute.

Build-a-Site AI

Build-a-Site AI is an automated website builder that leverages the power of AI to generate content and images for your website. The application uses OpenAI API for content creation and Stable Diffusion AI for image generation. The content is then added to prebuilt section templates and styled using TailwindCSS. The processed content is stored in an AWS S3 bucket which is made public. Users have the option to edit and update the content, and when saved, the site files are updated in the bucket. Users can also add a domain using Cloudflare.

Features

• AI-powered content and image generation
• Prebuilt section templates
• Styling using TailwindCSS
• Content storage in AWS S3 bucket
• Editable content
• Domain addition using Cloudflare

Prerequisites

Before you begin, ensure you have met the following requirements:

• You have installed Node.js and npm
• You have a basic understanding of JavaScript and Node.js

Installing Build-a-Site AI

To install Build-a-Site AI, follow these steps:

1. Clone the repo git clone https://github.com/i-dream-of-ai/build-a-site

2. Install NPM packages npm install

Using Build-a-Site AI

This application uses a number of environment variables for configuration. You'll need to set these up to get the application running.

To use Build-a-Site AI, follow these steps:

1. Rename .env.example to .env.

2. Update the .env file with your credentials and settings:

   • NEXTAUTH_SECRET: A secret used to encrypt session data. You can generate a random string for this.
   • NEXTAUTH_URL: The base URL for your application.
   • NEXT_PUBLIC_APP_URL: The public URL for your application.
   • ADMIN_EMAIL: The email address for the admin user of the application.
   • MONGODB_URI: The URI for your MongoDB database.
   • MONGODB_DB: The name of your MongoDB database.
   • DEFAULT_MODEL, NEXT_PUBLIC_DEFAULT_MODEL, NEXT_PUBLIC_DEFAULT_TEMPERATURE, NEXT_PUBLIC_DEFAULT_SYSTEM_PROMPT: These are settings for the OpenAI API calls. You should not need to change these unless you have specific requirements.
   • OPENAI_API_KEY, OPENAI_ORGANIZATION: Your OpenAI API key and organization ID.
   • STABLE_DIFFUSION_KEY: Your Stable Diffusion API key for image generation.
   • SENDGRID_API_KEY, EMAIL_SECRET, EMAIL_FROM: Your SendGrid API key, a secret for encrypting email data, and the email address for outgoing emails.
   • NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY, STRIPE_SECRET_KEY, STRIPE_WEBHOOK_SECRET: Your Stripe API keys for handling user subscriptions.
   • AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_REGION: Your AWS credentials for deploying to AWS S3. Make sure to set the necessary permissions in your AWS account.

3. After setting up the .env file, you can start the application with npm run start.

Technologies Used

This project utilizes a number of cutting-edge libraries and services:

• OpenAI API: Used for generating website content.
• Stable Diffusion AI: Used for generating images.
• TailwindCSS: A utility-first CSS framework used for styling the application.
• PostCSS: A tool for transforming CSS with JavaScript.
• AWS S3: Used for storing and serving the generated website content.
• Cloudflare: Used for managing domains.
• NextAuth.js: A complete open source authentication solution for Next.js applications.
• MongoDB: A source-available cross-platform document-oriented database program.
• SendGrid: A cloud-based SMTP provider that allows you to send email without having to maintain email servers.
• Stripe: Online payment processing for internet businesses.

Contributing to Build-a-Site AI

Contributions, issues, and feature requests are welcome! Feel free to check issues page. You can also take a look at the contributing guide.

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a pull request

Support

Give a ⭐️ if this project helped you!

Contact

If you want to contact me, you can reach me at <[email protected]>.

License

This project uses the MIT License. See the LICENSE file for details.