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

Пікірлер: 29

  • @aryan.prince
    @aryan.prince4 ай бұрын

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

  • @smplchmp

    @smplchmp

    4 ай бұрын

    😂 same

  • @gisioraelvis

    @gisioraelvis

    4 ай бұрын

    Same! 😅

  • @M7ilan
    @M7ilan4 ай бұрын

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

  • @DavidOkwii
    @DavidOkwii4 ай бұрын

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

  • @user-xb9hi6xb1w
    @user-xb9hi6xb1w4 ай бұрын

    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

  • @Smartercow
    @Smartercow4 ай бұрын

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

  • @chadgtr34
    @chadgtr342 ай бұрын

    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 ?

  • @darkcss1054
    @darkcss10542 ай бұрын

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

  • @H_R_D
    @H_R_D3 ай бұрын

    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""

  • @mahadevovnl
    @mahadevovnl4 ай бұрын

    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

    @leerob

    4 ай бұрын

    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

    @mahadevovnl

    4 ай бұрын

    @@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.

  • @lucaapa
    @lucaapa4 ай бұрын

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

  • @leerob

    @leerob

    4 ай бұрын

    Can do!

  • @HariomRathore-vw7mx
    @HariomRathore-vw7mx2 ай бұрын

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

  • @duruakuebuka9148
    @duruakuebuka91484 ай бұрын

    Damn. Was hoping for the custom domain

  • @leerob

    @leerob

    4 ай бұрын

    Are you looking for a video on using custom domains?

  • @duruakuebuka9148

    @duruakuebuka9148

    4 ай бұрын

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

  • @kasper369
    @kasper3694 ай бұрын

    Plz some content on Turborepo and and Turbopack

  • @leerob

    @leerob

    4 ай бұрын

    What would you like to see?

  • @i-am-the-slime
    @i-am-the-slime4 ай бұрын

    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

  • @causecaos
    @causecaos4 ай бұрын

    Same, thought you called me Emily lol

  • @googoochu3923
    @googoochu39234 ай бұрын

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

  • @2gbeh
    @2gbeh4 ай бұрын

    Who's Emily 👀

  • @A03L
    @A03L4 ай бұрын

    First to comment😅

  • @relaxchannelforyour
    @relaxchannelforyour23 күн бұрын

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

  • @AshuPal
    @AshuPal2 ай бұрын

    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??

Келесі