DEV Community

loading...
Cover image for Why Vercel & Next are a dream team

Why Vercel & Next are a dream team

codesnine profile image Nine ・2 min read

What is Vercel?

​Vercel is a deployment and collaboration platform for frontend developers. ​Vercel puts the frontend developer first, giving them comprehensive tools to build high-performance websites and applications.

​Vercel enables developers to host websites and web services that deploy instantly and scale automatically – all without any configuration.

image

What is NextJS?

Next is a React Framework that gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.

image

Next and Vercel - The Incredible Duo

  • The Easiest Way to Deploy Next.js Apps
  • Vercel, built by the same team that made Next.js, provides production-grade hosting for Next.js websites with zero configuration.

  • After experiencing how easy it is to get up and running with these two well integrated, the developer can get a continuous deployment setup with a repo as easy as with a few clicks on the screen.

  • It gives us a vast amount of templates to choose from directly from the Vercel page such as:

image

It is one of the most pleasant development experiences I have had so far.

I bought a domain through their site for $20. This process was easy to set up and had a running homepage within a minute along with continuous deployment when I push a change to the selected branch.

I have to say using these two together has shown me how fun sometimes development can be when you get to choose the tools you wanna use and you get that AHA moment that you found your stack.

Summary

I am still new to this platform but I am keen and happy to explore it, thinking about what great apps I can build with such a great developer experience.

If someone has any tips for me concerning these two let me know in the comments below.

Follow me on Twitter at @CodesNine and on Instagram at @nine_codes

Discussion (5)

Collapse
kalashin1 profile image
Kinanee Samson

Next js make building web app a dream

Collapse
lyrod profile image
Lyrod

When you begin to use i18n or auth, this is a nightmare compare to other framework in the market

Collapse
powell_v2 profile image
Pavel Yermolin

Could you please elaborate why?

Thread Thread
lyrod profile image
Lyrod

An example for i18n, when you want to inject translation for _app, if you have a common.json, you need to inject it in all page because _app can't inject translations. Imagine you have a base template for whole website, everypage need to know which translations are used in base template...

Nextjs don't have good session management.

If you want auth, you need third party next-auth...
If you want i18n, you need third party i18next nextjs...

For server render, I came from Php Symfony. I know this is not the same thing, but I weird when you come from php things.

Collapse
codesnine profile image
Nine Author

Indeed, it is one of the best developer experiences I had so far :D

Forem Open with the Forem app