NextJS
Next.JS CMS - Top choices in 2024
Looking for the best Next.js CMS for your project? Here is a complete list of them, along with use cases and pricing details.
Storyblok with Next.js app router guide
The release of Next.js app router marked a new milestone for web applications. It brought life and usage to React server components and solved many existing issues for SRR & SSG applications. However, there is a downside to it, as the entire market now needs to adapt, which will take some time. In this article, we will explore how to use StoryBlok and Next.js app router. A similar article exists on the official source, but we will go a step further, giving you the ability to use live preview and server components at the same time.
How to Optimize Vercel Costs
Learn how to optimize your Vercel hosting costs, compare PRO vs Enterprise plans, and explore self-hosting for better performance and savings.
Sanity: Live by default
Explore Sanity’s latest innovations in our breakdown of their talk from Next.js 2024. Discover how Sanity’s integration with Next.js is advancing web technology, enhancing user experiences, and meeting modern development challenges.
Next.js Conf 2024 Highlights and React Framework Future
In our best tradition, FocusReactive tuned in to follow what’s latest for our React framework of choice. Following v15 release earlier the week, Next.js and Vercel team have welcomed it’s guests remotely and at in-person locations, streaming from San Francisco, as well as from London’s watching party we attended.
Why Payload CMS is the Best CMS for NextJS
This article delves into the unique aspects of Payload CMS in the Next.js ecosystem, and how it outperforms competitors like Strapi, Sanity, and Storyblok to be recognized as the best CMS to use with NextJS.
Vercel vs Netlify: How to Pick the Right Platform
In today's web development landscape, choosing the right deployment platform is crucial for performance, scalability, and ease of use. Vercel and Netlify are among the top choices for developers looking to build and manage web applications effectively. This article breaks down their features, performance, ease of use, and pricing to help you decide.
You Won't Believe How React is Revolutionizing Satellite Control! 🛰️
Explore the cutting-edge world of ReactSat, a groundbreaking API that allows developers to control micro satellites using React. Discover how this technology is transforming space exploration and learn about its key features, best practices, and the future of space-based content management systems.
Critical CSS with NextJS
In this article, we’ll share our experience with Google's CSS tool for extracting critical CSS – Critters. While still experimental, we've successfully used this tool in production and found it significantly improves the performance of static sites. When properly configured, it can potentially enhance SSR performance as well. Critters works well with static pages and can handle dynamic pages with some nuances.
Breaking Down Next.js 14
Unpack Next.js 14's latest features with this guide, providing code examples and highlighting enhancements in routing, server actions, and caching for dynamic web development.
Typical Next.js SEO Pitfalls to Avoid in 2024
Dive into the latest Next.js SEO challenges and solutions for 2024. Learn from common mistakes and uncover key strategies for optimizing content rendering, meta data, site performance, and more to boost your search rankings and user experience.
Common Next.js Project Challenges in 2024
Discover essential insights into common Next.js project challenges in 2024, including rendering strategies, build types, and optimization techniques. Learn from expert audits to avoid costly mistakes and enhance your web application's performance and SEO.
Standalone Next.js. When serverless is not an option
Ready to deploy your Next.js app, but unsure if serverless is the way to go? Let's explore both serverless and serverful approaches to help you choose the right path for your project.
Vercel as a hosting platform: When It's the best choice and when to look elsewhere
In this article, we will examine the advantages and disadvantages of Vercel hosting services. The main goal is to help you determine when Vercel is the optimal choice for them and when it is not.
Next.js Redirects: A Developer's Guide
This article provides a guide to handling redirects in Next.js. It covers various methods including the use of next.config.js, Middleware, getStaticProps, getServerSideProps, and the redirect function in AppRouter. Ideal for both experienced developers and newcomers, this guide helps elevate your web application's navigation experience.
Best Headless CMS for NextJS in 2023
In this article, we'll dive into the updated top headless CMS options and compare their features, benefits, and drawbacks to help developers make an informed decision.
Next.js app router SEO overview
Hey everyone! It seems that App router is the new standard for Next.js applications. And while everyone is getting familiar with its technical components, I want to talk about the SEO capabilities it provides. Because no matter how good our website is technically, without proper SEO configuration, there is a high risk that its performance will go unnoticed.
Enhancing Content Creation: Visual Editing with Sanity and Storyblok for Next.js
Compare and contrast the visual editing capabilities of Sanity and Storyblok, empowering designers and content creators in the headless CMS world.
CDN Caching for self-hosted Next.js websites - CloudFlare, Fastly and others
Learn how to configure own, Vercel-like CDN setup, maximazing Next.js performance in a self-host environment on Cloudflare, Fastly or any other CDN.
Beyond the Basics: Exploring TailwindCSS and Linaria in Next.js - From Installation to Performance Optimization
Explore how these two tools handle installation, code organization, and performance optimization in your NextJS applications. Immerse yourself in the world of elegant and maintainable CSS to achieve the perfect style in your projects.
Self-hosted Next.js - When Vercel is Not an Option
Kicking off a series of articles covering various aspects of self-hosting your Next.js project.
Recap of Next.js Conf 2023 and v14 release
Our team have closely followed the Next.js Conf 2023 live stream and we've picked few of our favourite talks to recap. We'll dive deep into the Next.js 14 release, exploring the newest trends and techniques that are poised to shape the future of web development.
Nextjs & Storyblok image optimization. Part 2
In the second part, the article delves further into Storyblok's Image API service, custom loaders, and cache management, presenting a holistic approach to effective image optimization in modern web development.
Nextjs & Storyblok image optimization. Part 1
This comprehensive two-part article explores the critical role of image optimization in web development. In the first part, it underscores the profound impact of optimized images on user experience and SEO rankings, addressing issues like slow loading, bandwidth consumption, and the importance of faster websites in search results.
Best Next.js Headless eCommerce Platforms
Discover the top Next.js headless eCommerce platforms, weighing their pros and cons to help you make an informed decision for your online store. Dive into our comprehensive comparison and find the perfect solution for your business's unique needs.
Best Jamstack Frameworks
Discover the top Jamstack frameworks for fast, secure, and scalable web development. This article explores popular options such as Gatsby, Next.js, Nuxt.js, and Hugo, highlighting their features and benefits. Whether you're an experienced developer or just starting out, this guide will help you choose the best framework for your next project.
Setup NextJS app with Linaria, Storybook, and Typescript
In this article, we will show how to start a new modern performance-focused and development-friendly project from scratch.
International and multilingual sites with Storyblok and Next.js. Part 2
This is the second part of the series of "Storyblok Localization" Series
International and multilingual sites with Storyblok and Next.js. Part 1
StoryBlok is a unique headless CMS with a lot of nice features. This is a modern platform that combines the best solutions for building content-centric websites
Headless CMS (Contentful) and NextJS, Part 2: Mapping content types to React components
Building scalable content model in Contentful without exceeding the content types limitation. Implementing React components mapping to CMS entries
Headless CMS (Contentful) and NextJS, Part 1: How to create a modern React application?
Building scalable content model in Contentful without exceeding the content types limitation. Let's discuss ideas for organizing the structure of a NextJS application paired with Headless CMS