Skip to content

Latest commit

 

History

History
41 lines (25 loc) · 1.75 KB

README.md

File metadata and controls

41 lines (25 loc) · 1.75 KB

ai-powered-image-generator-app-with-react-dall-e

Building a React Application for AI-Powered Image Generation Using OpenAI DALL-E API

In this tutorial, you will learn how to build an AI image generator application using React, Node.js, and the OpenAI API. If you want to try your hand at a fun and engaging project over the weekend, this is a great opportunity to dive into React and OpenAI.

Read the full article.

Installation

  1. Clone or fork the repository.

Kinsta Application Hosting Setup

Dependency Management

Kinsta automatically installs dependencies defined in your package.json file during the deployment process.

Environment Variables

When deploying, add the OpenAI API key as an environment variable using the following variable name:

OPENAI_API_KEY = 'YOUR_API_KEY'

Port

Kinsta automatically sets the PORT environment variable.

Start Command

Use npm run build && npm run start as the start command.

Deployment Lifecycle

Whenever a deployment is initiated (through creating an application or re-deploying due to an incoming commit), the npm run build && npm run start commands are run.

What is Kinsta

Kinsta is a developer-centric cloud host / PaaS. We’re striving to make it easier for you to share your web projects with your users. Focus on coding and building, and we’ll take care of deployment and provide fast, scalable hosting. + 24/7 expert-only support.