&w=3840&q=75)
Make it work, make it right, make it fast. - Kent Beck
Struggling to make your digital product fast? We've got you covered!
Introduction
Next.js is a Javascript framework, empowered by React.js. Its brings out tons of brilliant and advanced features that take your digital product to another level. So here are some cool features about Next.js.
Image Component
When we talk about images and media files in general we really need to mention optimization as a very important step to make a website, app and software fast and user friendly. Next.js provides the <Image/> tag with automatic optimization that converts all your picture to WebP (modern image format with the best size and quality for the web).
Easy Routing
Out of the box Routing, create your new record in the pages directory and you're good to go. Just push to "/page-name". You can use the "UseRouter" hook or use Next.js <Link> tag for immediate routing.
Fast Refresh
Very powerful features that save you time and lets code faster. All modifications of your code will be noticeable within a second and without losing any component state!
SSR (Server-side rendering)
The most famous feature in Next.js. Basically, if you're looking to make your web pages incredibly fast and powerful, server-side rendering is the key. With the pre-rendering of your page on the server, the browser need only to run JavaScript for your page interactions!
Lazy Loading
This feature makes your website deliver a very high user experience! The client-side doesn't need to load an image if it's not visible to the user yet! This feature is included in the <Image/> tag by default so you're good to go!
Vercel Hosting
Built by the same team that made Next.js, with zero configuration you're website is hosted with production-grade configuration in addition to automatic HTTPS! You definitely need to try it! Actually, we are using it at WILL & SKILL to deploy our Websites.
Conclusion
That's it for Next.js blog post. Make sure to try it and benefit from its huge value, in order to make your websites fast with a greater user experience! Any questions or suggestions? Get in touch by email or Instagram DMs.
Enjoyed this article? Consider sharing it.