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.
Available AI product templates are listed directly, and all we need to do is click on them one by one, check their features, and experience the demo site online to select the AI product we need.
For example, I saw someone promoting their AI code converter product before, and I thought it was well done at the time.
Later I found out that it was deployed using this Vercel template https://vercel.com/templates/next.js/ai-code-translator.
The deployment process is also very simple, and I will try to explain it to everyone in a way that even beginners can understand.
Step 1: Register a Vercel account
Open the Vercel registration page https://vercel.com/signup and select the first Hobby plan 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 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 after passing, 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: Register (or log in) to Vercel with GitHub authorization
Click the "Authorize Vercel" button to agree to authorize login to Vercel.
At this point, the Vercel account registration is successful.
Step 4: Deploy the AI product template
Let's take the AI code converter 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, we will be asked to choose which platform to store the code. Since we registered with GitHub, we will 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 flowers flying all over the screen, it means that the deployment is 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 is successful and it can actually run normally.
If you want to deploy other AI product templates, the steps are the same.