When paired with ISR and Next.js’ API routes, SWR can be used to create a responsive user experience. In this article, Sam Poder explains what SWR is, where to use it (and where not), and how to build a website by using Incremental Static Regeneration. https://smashingmagazine.com/2021/09/useswr-react-hook-library-incremental-static-regeneration-nextjs/
In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors. https://smashingmagazine.com/2021/09/developer-decisions-building-flexible-components/
What’s the state of HTML Email, Vue.js and Next.js? What are new, smart interface design patterns we could use? Let’s figure it out. With our brand new online workshops on front-end & design. Now with free workshops for you to test the waters. https://smashingmagazine.com/2021/09/new-smashing-online-workshops-sep-2021/
Learn what’s new with developer tools in Firefox, Edge, Chrome and Safari. Discover new and powerful features that will help you be more comfortable and productive when testing and debugging across browsers. https://smashingmagazine.com/2021/09/devtools-cross-browser-edition/
After almost five years in development, the new HTTP/3 protocol is nearing its final form. Let’s take a close look at the challenges involved in deploying and testing HTTP/3, and how and if you should change your websites and resources as well. https://smashingmagazine.com/2021/09/http3-practical-deployment-options-part3/
Websites, unfortunately, aren’t as environmentally friendly as we might like them to be. This article contains some thoughts and experiences from trying to clean them up. https://smashingmagazine.com/2021/09/reducing-carbon-emissions-on-web/
Here are just some of the most interactive coding tools and apps that are bound to help you supplement your skills in different areas of web development. https://smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/
What exactly is a displacement filter? In this article, Dirk Weber explains the SVG feDisplacementMap filter primitive with a good number of examples to demonstrate the concept of animated displacement maps.
https://smashingmagazine.com/2021/09/deep-dive-wonderful-world-svg-displacement-filtering/
By combining some React APIs, we can accurately manage “simple” states. With Next.js though, we can quickly find situations where we need to accommodate many other requirements, such as isolating state between pages or routes, and managing our data both in the server and client while bringing things in from third-party services. That’s a lot! Let’s have a look at some patterns to accomplish all that. https://smashingmagazine.com/2021/08/state-management-nextjs/
New month, new wallpapers! In this post, you’ll find inspiring wallpaper designs for September 2021. They were created with love by artists and designers from across the globe and are available with and without a calendar. Enjoy! https://smashingmagazine.com/2021/08/desktop-wallpaper-calendars-september-2021/