Deploying Next.js to Vercel

Learn how to deploy your Next.js application to Vercel by starting with a template, using the Vercel CLI, or pushing commits to your git repository.
0:00 - Introduction
0:13 - Deploying a Next.js template
2:05 - Pushes changes to GitHub
4:11 - Deploying with the Vercel CLI
5:44 - Conclusion
◆ Templates: vercel.com/templates/next.js
◆ Docs: vercel.com/docs/frameworks/ne...
#nextjs #react

[@aryan.prince]

i thought you said "Hey Emily" at the beginning 💀

[@smplchmp]

😂 same

[@gisioraelvis]

Same! 😅

[@M7ilan]

Wasn't aware about preview deployment it's Good!

[@user-xb9hi6xb1w]

Nice. It 's for testing and sharing with friends. But for real cases we need to deploy in dedicated hosting panel or server. so can you please make a video for deploying on dedicated server and also data fetching which data should server side and seo meta tags manage for all pages. Thank you

[@DavidOkwii]

But how do you deploy a next js App which has an express js API backend and mysql database?

[@Smartercow]

I love Vercel but you guys need to do something about the pricing! It's insane

[@darkcss1054]

I really would like to see more Next.js begginer tutorials for the latest version of Next.

[@chadgtr34]

i used one of the template, Tailwind Nextjs Starter Blog v2.0, when i am making the page changes, and then deploy to vercel , i get typescript-eslint/no-explicit-any error all the time, and the build failed. how can i fix it ?

[@H_R_D]

My 14.1 Next app is getting this error during the deployment
""Error: No Next.js version could be detected in your project. Make sure "next" is installed in "dependencies" or "devDependencies""

[@lucaapa]

nice, pls upload how to handle auth in next 14 ! tyy

[@leerob]

Can do!

[@mahadevovnl]

I just tried. I'm constantly getting errors and it's so mysterious what your CLI tools do exactly. I run my own Postgres database on localhost, I'm getting all kinds of env variables from your CLI tool that I don't know what they're doing, I do exactly what your docs say, and I get: "vercel: error: connection is insecure (try using `sslmode=require`)"... dude I copied your exact instructions. What is sslmode and why is it required, I need to constantly Google new errors.
I also use Knex. How do I run its migration and seed files exactly? Why is Knex (an industry standard query builder) not part of your documentation?

[@leerob]

That error message is saying that you should included ?sslmode=require on the end of the DATABASE_URL for your Postgres database, so it can use SSL.

[@mahadevovnl]

@@leerob Thanks, I did figure it out now. But I can't connect to my database in the verbose manner that I would prefer; I'd have to use the concatenated variant.
Meaning: I don't want to connect by just providing the `connectionString` in one go, I want to provide host, user, password, and database individually.
That way it would also be easier for you guys, in the future, to spawn a new database for each version branch deployment (POSTGRES_DATABASE + BRANCH_NAME or something).
You might want to look at this: Your "storage -> database -> quickstart -> .env.local" tab does NOT include the `sslmode` addition. But it is required.
As suggested above, I think it would be great if I could spawn a new database for each of my version branches (and auto-detroy it, too).
And it would be great if we could run Knex migration and seed files (or whatever tool you'd use) dependent on the environment.
The knex config file already has separate configs for production, staging, and development. So that could be re-used.
In any case, the storage page doesn't allow me to set up any migration steps before the build process. I could kinda/sorta hack it in there or manually do it, but I'd love to see it automated.

[@kasper369]

Plz some content on Turborepo and and Turbopack

[@leerob]

What would you like to see?

[@duruakuebuka9148]

Damn. Was hoping for the custom domain

[@leerob]

Are you looking for a video on using custom domains?

[@duruakuebuka9148]

@@leerob Yes, very much. Custom domains with vercel.

[@i-am-the-slime]

Would be so cool if it didn't break with:
▲ Next.js 14.1.0
- Experiments (use at your own risk):
· turbo
Creating an optimized production build ...
[3453:0x685cc70] 144999 ms: Scavenge (reduce) 1882.8 (2044.8) -> 1882.7 (2046.0) MB, 3.8 / 0.0 ms (average mu = 0.967, current mu = 0.970) allocation failure;
[3453:0x685cc70] 146505 ms: Mark-sweep (reduce) 2103.0 (2265.5) -> 2099.8 (2229.7) MB, 552.0 / 0.0 ms (+ 680.1 ms in 370 steps since start of marking, biggest step 27.2 ms, walltime since start of marking 2397 ms) (average mu = 0.875, current mu = 0.76
FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory

[@HariomRathore-vw7mx]

"Your Team encountered an unknown problem. Please reach out to our support team for details. Learn More ", when click on deploy

[@googoochu3923]

How to run up graphql and run queries from server components vid pls?

[@causecaos]

Same, thought you called me Emily lol

[@2gbeh]

Who's Emily 👀

[@A03L]

First to comment😅

[@relaxchannelforyour]

Вообще не помогло

[@AshuPal]

Your Signup sucks and very frustating, did not receive any communication in my inbox what steps to take next. There is no clear guidance here, the page you redirect people to (why-can-i-not-signup) is missing (contact us at the address provided)?? contact email information but clearly stats you guys are very afraid of people abusing you platform(why not implement usasge limitation on new accounts?). You even hold people emails in your database if they are not interested in doing Signup anymore, how to remove my email id from your system??