How to Deploy on Vecel?

🌵 Needle Engine
1

Hi! I am finally ready to deploy and I have an account with Vercel I would like to use. I deployed the Github Repository like stated in the Documentation but the result is a “NOT FOUND” error. https://portfolio-website-7db2.vercel.app
Am I doing something wrong while creating the project in Vercel?

2

Hello Alvaro,

To successfully deploy your project on Vercel, make sure you follow these steps outlined in the documentation:

  1. Create a New Project: Start by creating a new project on the Vercel platform.
  2. Link to GitHub: Ensure your web project is set up in a GitHub repository.
  3. Connect Repository: Add the GitHub repository to your new project on Vercel.

Make sure you have an index.html file in the root of your deployment folder. If you see a “NOT FOUND” error, it often indicates that the Vercel is unable to find the index.html or it’s misconfigured (see deployment).

Here are some troubleshooting tips:

  • Verify that your project builds correctly and that the output includes an index.html file at the expected location.
  • Check your deployment settings and ensure you’re pointing to the correct directory in Vercel.
  • Ensure any build processes you may have (like using a bundler) are set up to create the necessary output files without errors.

If you’ve followed all the steps and continue to experience issues, consider checking the logs from Vercel which can provide more context on the error.

You might find this sample deployment helpful: Next.js Sample Project on GitHub for understanding the structure needed for a Vercel deployment.

Let me know if you need any further assistance!

3 replies left
thread_C7GCaeGyFljRTFzxLP2DEo8i
Reply to this message to continue the conversation

3

where is the index.html file supposed to be located?

4

Hello Alvaro,

In a standard web project, the index.html file should be located in the root of your project directory. When deploying on Vercel, the structure should look something like this:

/your-project-root
│
├── index.html
│
├── styles/
│   └── style.css
│
└── scripts/
    └── script.js

Make sure that your index.html file is directly inside your project root folder so that Vercel can find it when deploying. If you’re using a build tool or a framework, check the output directory to ensure that the index.html file is being generated in the correct location.

If you’re using a framework like React or Next.js, the output may be handled differently, and you will often see a build or dist folder after building the project. In such cases, you would need to configure the deployment settings in Vercel to point to that specific output folder.

Let me know if you have more questions!

2 replies left
thread_C7GCaeGyFljRTFzxLP2DEo8i
Reply to this message to continue the conversation

5

Hi @Alvaro_Pazmino can you link to the documentation you followed? Thank you

6

This is the only thing I got related to this topic. I now know that I was linking my vercel project with my entire unity project, now I link it to the correct Web Project and it is throwing a Vite Build Error.

image
image1238Ă—537 41 KB

7

You try to deploy a vite based project to vercel. You need to refer to the vercel docs for how to setup your project. This is unrelated to Needle Engine.

We have a template for nextjs which can be deployed to vercel (see the link by the bot above) or maybe this helps in making your current project work: Vite on Vercel

8

Thanks for the help! I decided to ditch the deployment for vercel at the moment and deploy it through Github Pages! Main Page Here is the project at the moment if u want to check it out!

9

This topic was automatically closed 13 days after the last reply. New replies are no longer allowed.