Can't you do AI-related products if you can't code?
How can you go live with an AI product in 10 minutes without development?
Today, I recommend Vercel AI Template Center to everyone, this great treasure trove.
The website is https://vercel.com/templates/ai, and when you open it, it looks like this.
The available AI product templates are listed directly, and all we need to do is click on each one to see the features and experience the demo site online, so we can choose the AI product we need.
For example, I saw someone promoting their AI code converter product before, and I thought it was well done.
Later, I found out that they directly deployed it using Vercel's template at https://vercel.com/templates/next.js/ai-code-translator.
The deployment steps are also very simple, and I will try to explain them to everyone in a way that even beginners can understand.
Step 1: Register for a Vercel account
Open the Vercel registration page at https://vercel.com/signup and choose the first Hobby package because we are using it for personal projects.
Next, enter your username, for example, I can enter "andrewji8", and click the "Continue" button.
Next, choose to log in with Github. If you don't have a Github account, you need to register one by clicking "Create an account".
Step 2: Register for a Github account
Enter your username, email, and password according to the requirements below.
Then click the "verify" button at the bottom of this page.
Follow the instructions for human verification, and once passed, you can click the "Create account" button.
After that, Github will send a verification email to our registered email address. Copy the 8-digit verification code and enter it to complete the verification.
Step 3: Authorize Vercel registration (or login) with Github
Click the "Authorize Vercel" button to agree to authorize login with Vercel.
At this point, you have successfully registered for a Vercel account.
Step 4: Deploy the AI product template
Taking the AI code translator as an example, open https://vercel.com/templates/next.js/ai-code-translator and click the "Deploy" button in the lower left corner of the page.
Next, you will be asked to choose which platform to store the code. Since we registered with Github, choose Github.
Keep the input box values as default and click the "Create" button.
This project requires filling in the OpenAI API Key. You need to go to https://platform.openai.com/account/api-keys to create a new key and enter it into the second input box. Then click the "Deploy" button.
At this point, if you see a flurry of flowers, it means that the deployment was successful. Click "Continue to Dashboard" in the upper right corner.
You can see that the status is "Ready", indicating that it is running normally. Copy the subdomain URL provided by Vercel for free, which is https://ai-code-translator-orpin-six.vercel.app/, and open it.
On the left side, enter JavaScript code and click the "Translate" button to translate the code into Python code. This indicates that the deployment was successful and it can run normally.
If you want to deploy other AI product templates, the steps are the same.