Skip to main content

Posts Tagged ‘Next.js’

Programmer Working In A Software Developing Company Office

useOptimistic: Powering Next.js

In today’s blog, we will examine an experimental hook that helps us display optimized results when we display data we fetch from the server. What can we do to optimize such a use case? Is there a way to show updated data as it is being fetched from the server? We will explore precisely that […]

Istock 1291751221

useFormState in Next.js: Form Management

In my previous blog, we had discussed using server actions with our forms and managing the loading state with the new useFormStatus hook from react-dom. In this one, we are going to explore another experimental hook from react-dom: useFormState. Concisely, useFormState is a hook to which we provide a function to manipulate form data. The […]

Technology

Astro: The Web Framework Revolutionizing Website Development

In this fast-paced world of web development, speed, flexibility, and usability are crucial to creating powerful online experiences. Within this context, Astro, an innovative web framework designed to generate static sites, offers exceptional performance and versatility. This blog will explore the benefits, challenges, and practical tips with Astro and its relevance today. Astro: A Quick […]

Next Course

A crash course of Next.js: Caching, Authentication and Going Live tasks (part 4)

This series is my Next.js study resume, and despite it’s keen to a vanilla Next.js,  all the features are applicable with Sitecore SDK. It is similar to the guide I recently wrote about GraphQL and aims to reduce the learning curve for those switching to it from other tech stacks. In part 1 we covered some […]

Next Course

A crash course of Next.js: Routing and Middleware (part 3)

This series is my Next.js study resume, and despite it’s keen to a vanilla Next.js,  all the features are applicable with Sitecore SDK. It is similar to the guide I recently wrote about GraphQL and aims to reduce the learning curve for those switching to it from other tech stacks. In part 1 we covered some […]

Next Course

A crash course of Next.js: UI-related and environmental (part 2)

In part 1 we covered some fundamentals of Next.js – rendering strategies along with the nuances of getStaticProps, getStaticPaths, getServerSideProps as well as data fetching. Now we are going to talk about UI-related things, such as layouts, styles and fonts, serving statics, as well as typescript and environmental variables. Built-in CSS support Importing global styles […]

Next Course

A crash course of Next.js: rendering strategies and data fetching (part 1)

This series is my Next.js study resume, and despite it’s keen to a vanilla Next.js,  all the features are applicable with Sitecore SDK. It is similar to the guide I recently wrote about GraphQL and aims reducing the learning curve for those switching to it from other tech stack. Next.js is a React-based framework designed […]

A full guide to creating a multi-language sites with Sitecore XM Cloud and Next.js

Historically, it was quite challenging to add custom languages to the sitecore, as it was dependent on the cultures registered in the .net framework on the OS level. Of course, there were a few workarounds like registering the custom culture on Windows, but it only added other challenges for scenarios such as having more than […]

XM Cloud JumpStart

Perficient XM Cloud JumpStart

Perficient’s XM Cloud Jumpstart helps existing Sitecore customers who want to adopt XM Cloud create and execute a plan to move their MVC solutions to XM Cloud using Next.js and React or rapidly implement a greenfield solution according to the best industry standards from scratch. Regardless of your starting point, JumpStart delivers a better experience […]

Next Js

File Based Routing in Next.js

Next.js is a framework for building web applications built on top of React. Everything we can do in React we can also do in Next.js – with some additional features like routing, API calls, authentication, and more. We don’t have these features in React. Instead, we must install some external libraries and dependencies – like […]

Next

How to disable Server-Side Rendering in Next.js

SSR in Next.js Next.js has become very popular recently because it is built on top of React. In addition, it has out-of-the-box features that are sometimes redundant to implement on React applications like server-side rendering, image optimization, Routing, and API Routes. Not like a typical React app, Next.js supports SSR out of the box. This […]

Connection

Connecting Sitecore CDP to Next.js website

Quick introduction Sitecore CDP stands for Sitecore Customer Data Platform. This is a quote from Sitecore documentation: A Customer Data Platform is packaged software that creates a persistent, unified customer database that is accessible to other systems. In nutshell it tracks customers’ data across all channels, and later this data can be used to run […]