32 posts tagged with "NextJS"
View All TagsCritical 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.
#performance#NextJSNextJS alternatives for Headless eCommerce
Discover top Next.js alternatives for headless eCommerce, including Gatsby, Nuxt.js, SvelteKit, Remix, and Shopify's Hydrogen, and find the best framework to power your online store
#NextJS#Headless CommerceNextJS vs React
Next.js and React: respective strengths, use cases, and differences
#NextJS#ReactPrismic CMS overview
Navigate the world of Prismic, a headless CMS that marries simplicity with power, offering seamless content management and delivery for Next.js projects
#Prismic#HEADLESS CMS#NextJSBreaking 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.
#NextJS#ReactTypical 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.
#SEO improvement#NextJS#performanceCommon 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.
#NextJS#performance#SEO improvementIntroduction to CMS-KIT-Sanity: Streamlining Web Development with Headless CMS
Learn how CMS-KIT-Sanity revolutionizes web development with customizable solutions, ensuring rapid project launches and sustainable growth.
#SANITY#HEADLESS CMS#TAILWIND#CUSTOMIZATION#NextJSStandalone 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.
#NextJSStoryblok 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.
#NextJS#HEADLESS CMS#STORYBLOKIntegrating GraphQL Codegen with Storyblok: Step-by-Step Guide
This article provides a practical walkthrough on integrating GraphQL Codegen with Storyblok, showcasing how to optimize data fetching in web applications. Visit our demo repository for live examples and code snippets.
#NextJS#HEADLESS CMS#STORYBLOK#GraphQLVercel 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.
#NextJS#JamstackNext.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.
#NextJSBest 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.
#HEADLESS CMS#NextJS#STORYBLOK#Contentful#SANITYOverview of OpenNext, AWS Amplify, Netlify, and other Next.js hosting options
Next.js has become a popular choice for web projects, thanks to its extensive features, ever-growing community and great developer experience. Speaking of hosting, Vercel is often the first platform that comes to mind. But is it really the best and only option available?
#NextJSNext.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.
#NextJSIntegrating Sanity's Presentation Tool with Next.js: Comprehensive Guide
Explore our comprehensive guide on integrating Sanity's Presentation Tool with Next.js. Discover practical steps and expert tips for enhancing your content management and creating dynamic, visually intuitive web experiences.
#NextJS#HEADLESS CMS#SANITYEnhancing 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.
#SANITY#STORYBLOK#HEADLESS CMS#NextJSConfigure CDN Caching for self-hosted Next.js websites
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.
#NextJS#web development#performanceBeyond 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.
#TAILWIND#LINARIA#NextJS#CUSTOMIZATIONSelf-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.
#NextJS#web developmentRecap 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.
#NextJSNextjs & 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#STORYBLOKNextjs & 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.
#NextJS#STORYBLOKBest Jamstack websites examples
Discover the epitome of web development excellence with our roundup of the best Jamstack marketing websites examples. From blazing-fast loading times to seamless user experiences, these websites showcase the true potential of Jamstack architecture.
#Jamstack#NextJSJamstack Hosting: Everything You Need to Know
Choosing the right hosting platform for your Jamstack website is crucial to ensure its performance, security, and scalability. A good hosting platform should seamlessly integrate with your technology stack, offer fast and reliable content delivery, and provide you with easy-to-use tools for managing and deploying your website
#Jamstack#NextJS#HEADLESS CMS#web developmentBest 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.
#NextJS#JamstackHow to rank Higher on Google / How NextJS can improve SEO
Learn how to improve the search engine optimization of your website using NextJS, a powerful React framework that supports server-side rendering, static site generation, image optimization, and code splitting to help your site rank higher on Google and attract more traffic.
#SEO improvement#NextJS#HEADLESS CMS#Headless Commerce#JamstackSetup 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.
#NextJS#Storybook#LINARIAHeadless 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
#React#NextJS#Contentful#HEADLESS CMSThe new era tech - JAMstack
The need for speed, security and lower price for development are why the new, modern way of building websites is now thriving - the JAMstack
#Jamstack#NextJS#GraphQL#HEADLESS CMSHeadless 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
#Contentful#NextJS#React#HEADLESS CMS