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.
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.
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:
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
Top comments (5)
Next js make building web app a dream
When you begin to use i18n or auth, this is a nightmare compare to other framework in the market
Could you please elaborate why?
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.
Indeed, it is one of the best developer experiences I had so far :D