Articles

Joel Varty Article

<hr /> <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/">Agility CMS</a> Chief Technical Officer <a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/in/joelvarty/">Joel Varty</a> just wrapped up his first YouTube video series, <a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/watch?v=UGoA-Jt52_c&amp;list=PLEI81bLU4t-uzsIOt1iaykzI4ZSsNQ9ao&amp;pp=gAQB">Building with Next.js and Headless CMS</a>. It’s an 8-part series looking at the power of <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/starters/nextjs">Next.js</a> when paired with Agility CMS. Next.js and <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/product/headless-cms">headless CMS</a> go hand-in-glove to help <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/product/developers">developers</a> build fast, scalable, and dynamic websites. Joel’s video series walks you through integrating Agility CMS with Next.js, examining essential topics such as previewing, creating components, caching, authenticating, and more.Watch the Full Series: <a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/watch?v=UGoA-Jt52_c&amp;list=PLEI81bLU4t-uzsIOt1iaykzI4ZSsNQ9ao&amp;pp=gAQB">Building with Next.js and Headless CMS on YouTube</a>  <figure class="media"><div data-oembed-url="https://www.youtube.com/watch?v=UGoA-Jt52_c&amp;list=PLEI81bLU4t-uzsIOt1iaykzI4ZSsNQ9ao"><div style="position:relative;padding-bottom:100%;height:0;padding-bottom:56.2493%"><iframe src="https://www.youtube.com/embed/UGoA-Jt52_c" style="position:absolute;width:100%;height:100%;top:0;left:0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div></div></figure><h3 id="the-what-and-why-of-next.js-">The What and Why of Next.js </h3> <h4 id="the-what-">The What </h4>Next.js was developed in 2016 by <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/partners/integrations/vercel">Vercel</a> as an open-source, <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/blog/react-cms">React</a>-based JavaScript framework. It enables server-side rendering (SSR), static site generation (SSG), and incremental static regeneration (ISR) to optimize performance and <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/solutions/modern-websites-and-seo">search engine optimization (SEO)</a>. In other words: Next.js decides the best way to show content based on how data is fetched from pages: <ul><li>SSG prepares pages ahead of time. </li><li>SSR generates them on demand. </li><li>ISR generates them statically at first, but then incrementally updates them as changes happen in the CMS. </li></ul>All these options reduce the work a visitor’s browser must do. This makes the browsing experience smoother and more efficient.  <h4 id="the-why-">The Why </h4>Both developers and marketers benefit from Next.js: <figure class="table"><table><tbody><tr><td>Developers</td><td>Marketers</td></tr><tr><td><ul><li>API Routes </li><li>Incremental Static Regeneration (ISR) </li><li>File-Based Routing </li><li>Optimized Performance </li><li>Seamless Vercel Integration</li></ul></td><td><ul><li>Fast loading speed for high-performance sites </li><li>SEO-friendliness for easy content indexing </li><li>Greater content control via headless integration </li><li>Supports <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/solutions/content-hub-and-omnichannnel-deployments">omnichannel</a> marketing activities </li><li>Real-time previews and publishing</li></ul></td></tr></tbody></table></figure>Marketing websites benefit from fast-loading, SEO-rich content. E-commerce platforms can take advantage of dynamic product pages using ISR. With Next.js and a headless CMS, your content becomes omnipresent – meaning it’s ready for websites, apps, digital signage, and beyond. <h3 id="joel’s-key-takeaway-">Joel’s Key Takeaway </h3>If there’s one thing Joel wants you to take away from <a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/watch?v=UGoA-Jt52_c&amp;list=PLEI81bLU4t-uzsIOt1iaykzI4ZSsNQ9ao&amp;pp=gAQB">Building with Next.js and Headless CMS</a>, it’s this (in his own words): “As a modern web framework, Next.js is the leader when it comes to building actual production sites for customers. A front-end developer with React skills can really level up their game by following along with this series. I see it as an opportunity for someone to take their career to a whole new level.” <h3 id="next.js-makes-a-difference-">Next.js Makes a Difference </h3>React is powerful. But by itself, it doesn’t offer SSR, SSG, ISR, SEO, or many other amazing acronyms. Next.js fills in those gaps and transforms React into a full-featured web framework. From there, Next.js: <ul><li>Spans developer and marketing needs: Developers can build quickly while content teams manage content effectively – without stepping on each other’s toes.  </li><li>Future-proofs your tech stack: Next.js works with <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/resources/guide/introduction-to-jamstack">Jamstack</a> and deploys on platforms like Vercel or <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/partners/integrations/netlify">Netlify</a>. It’s flexible and adaptable, meaning you aren’t “locked in” to, well, anything. </li><li>Powers better web experiences: Build faster, more accessible, and more scalable websites and apps without wrestling the framework.  </li></ul><h3 id="get-your-popcorn-ready-">Get Your Popcorn Ready </h3>Joel has been a mainstay within the industry for 20 years. He’s known for his engaging and insightful <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/resources/events">webinars</a>. And his ability to craft dad jokes out of thin air borders on the supernatural. All that to say, you’re going to learn quite a bit – and get some unexpected chuckles too – when you check out <a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/watch?v=UGoA-Jt52_c&amp;list=PLEI81bLU4t-uzsIOt1iaykzI4ZSsNQ9ao&amp;pp=gAQB">Building with Next.js and Headless CMS</a>.  <hr /><h4 style="text-align:center" id="looking-for-guidance-on-agility?-talk-to-an-expert.">Looking for guidance on Agility? <a target="_blank" rel="noopener noreferrer" href="https://cmscritic.com/contact">Talk to an expert.</a></h4><hr /> <h3 id="upcoming-events">Upcoming Events</h3> <img style="width:24.53%" src="https://cmscritic.com/ms-content/uploads/2025/03/image-1742910054704.png" /><h4 id="the-composable-conference-2025"><a target="_blank" rel="noopener noreferrer" href="https://machalliance.org/events/composable-conference-25">The Composable Conference 2025</a></h4>April 22-24 – Chicago, USAExperience the future of composable and MACH principles in “The Windy City” and dive even deeper into the innovative world of MACH architecture and its benefits for your business. Building on the momentum of MACH THREE, this conference will provide your teams with the expert, impartial guidance needed to craft a winning transformation strategy and leverage the latest advancements in automation and Al to maximize efficiency and drive your organization forward. This event is ideal for executives, business leaders, technologists, and everyone in between who is looking to harness the power of composable. <a target="_blank" rel="noopener noreferrer" href="https://machalliance.org/events/composable-conference-25">Secure your spot today.</a> <img style="width:30.46%" src="https://cmscritic.com/ms-content/uploads/2024/11/cms-summit-25.png" alt="" /><h4 id="cms-summit-25"><a target="_blank" rel="noopener noreferrer" href="https://www.boye-co.com/conferences/cmssummit25">CMS Summit 25</a></h4>May 13-14, 2025 – Frankfurt, GermanyDon't miss the first European edition of our prestigious international conference dedicated to the global content management community! CMS Summit 25 will bring together top-notch speakers, our renowned learning format, and engaging social events. Hear from leading practitioners like Deutsche Bahn, Dr. Oetker, and more – and join customers, agencies, and CMS vendors as we discuss current trends and what's ahead for the content and digital experience fields. Connect and network at the only vendor-neutral, in-person conference focused on CMS. Space is limited for this exclusive event, <a target="_blank" rel="noopener noreferrer" href="https://www.boye-co.com/conferences/cmssummit25">so book your seats today.</a> <img style="width:31.83%" src="https://cmscritic.com/ms-content/uploads/2025/01/cms-connect-2025-logo.png" alt="" /><h4 id="cms-connect-25"><a target="_blank" rel="noopener noreferrer" href="https://www.boye-co.com/conferences/cmsconnect25">CMS Connect 25</a></h4>August 5-6, 2025 – Montreal, CanadaWe are delighted to present the second annual summer edition of our signature global conference dedicated to the content management community! CMS Connect will be held again in beautiful Montreal, Canada, and feature a unique blend of masterclasses, insightful talks, interactive discussions, impactful learning sessions, and authentic networking opportunities. Join vendors, agencies, and customers from across our industry as we engage and collaborate around the future of content management – and hear from the top thought leaders at the only vendor-neutral, in-person conference exclusively focused on CMS. Space is limited for this event, <a target="_blank" rel="noopener noreferrer" href="https://www.boye-co.com/conferences/cmsconnect25">so book your seats today.</a>

Varty’s Videos: A CTO’s Take on Next.js

cms-critic-staff

Explore a wide range of informative articles on Joel Varty, insights, and industry updates. Stay informed and ahead of the curve with our diverse collection of news and posts covering the latest trends and developments in the industry

News

Varty’s Videos: A CTO’s Take on Next.js