🔥 NextJS Commerce 2.0, New JavaScript 2023 features, Call To Inspiration
Heyo my friend,
Welcome to another issue of the Top 3 in Tech newsletter - where I bring you the “hot-off-the-press” updates from the web development world, as well as other resources or tidbits I think might interest you 👀
Let’s get right to it:
1. NextJS Commerce 2.0
One of the cool new announcements this week is from Vercel, who builds and maintains the ReactJS framework NextJS. If you’re not already familiar with Next, I highly recommend you check it out!
The NextJS team has been hard at work on the new App Router to support React Server Components, and this new paradigm for React fits perfectly with eCommerce websites. Because what do eCommerce websites care about? Speed and SEO - and that’s exactly what the NextJS App Router is focused on.
Building great eCommerce experiences has traditionally been very hard to get just right. But with this new template from Vercel, using all the latest-and-greatest NextJS features, you have a solid starting point for your next headless storefront. With out-of-the-box support for Shopify, BigCommerce, Medusa, Saleor and Swell.
Make sure to check it out if you’re in the business of building an eCommerce website any time soon. Or just read the blog post if you’re curious about NextJS and like shiny new stuff:
Introducing Next.js Commerce 2.0 – Vercel
vercel.com/blog/introducing-next-js-commerce-2-0
2. New JavaScript 2023 features
Another recent update is about some of the new features expected to land in ECMAScript 2023 (aka. the upcoming version of JavaScript).
If you’ve been coding JavaScript for a while, you probably know that the language is constantly evolving - with one of the biggest releases being ES6 some years ago that brought us arrow functions, let/const, template literals and a lot more.
This next update isn’t quite as explosive as that, but it still features som neat feature additions. A few of my personal highlights:
Change array by copy - giving us new array methods like toReversed(), toSorted() and toSpliced() that return new arrays instead of mutating the original arrays like .reverse(), .sort() and .splice() currently do
Temporal (hopefully) - a new top-level namespace for working with dates and times that should be a lot more intuitive than the current Date object
Array find from last - allowing us to match elements from the back of an array instead of only forwards (saving having to do weird work-arounds)
I’m personally always excited when I get new stuff that makes my life easier for free - and ES2023 should be no different! Read more details here:
The New JavaScript Features Coming in ECMAScript 2023
thenewstack.io/the-new-javascript-features-coming-in-ecmascript-2023
3. Call To Inspiration
The final pick for this week is a simple website with images. Let me explain:
You probably know that the best way to improve your web-development skills is to build stuff. But sometimes (I know it was for me) it can be hard to come up with ideas for what to practice on. And when you actually have an idea for a project you want to build, it might not look that great if you’re not also a designer.
Well, look no further! This website is a simple collection of different designs you can use as inspiration. Maybe just to work out those front-end muscles for fun, or to give you some ideas for how to design/implement stuff for your own projects. Either way is a win in my book!
There’s plenty of ideas for menus, login forms, profile pages, galleries and whatever else you can think of - so give it a whirl and feel free to let me know if you build something cool!
That's all for now! See you in 2 weeks ✌️
If you did, why not share it with your friends! Either by forwarding this email, or by posting about it on Twitter, LinkedIn, or Facebook. You can also simply copy/paste the link mads.fyi/top3 on other platforms. It really helps to keep me motivated and let the newsletter grow.
— Mads Brodt