SEO29

Four Node SEO/GEO audit tools, zero runtime deps (one optional: Playwright): crawler, AI-crawler checks, Core Web Vitals, Search Console wins.

A slugify function is valuable for creating clean, readable, and SEO-friendly URLs that enhance user experience. To round up the service offering, we add a Word/Character count as well

In the digital world, a good UX and SEO strategy is crucial for the success of a website. Web developers choose between infinite scrolling and pagination.

Server-side rendering (SSR) and static site generation (SSG) are at the core of Next.js’s SEO capabilities to support search engine crawlers

We know, Google Crawler is not a big fan of infinite scrolling because it can't use Javascript. Therefore, we need to add a crawler-friendly solution to find and index all pages properly.

An up-to-date sitemap.xml builds the foundation for the Google Crawler. We will create a count function to check the sitemap.xml. This will help us to check if all pages are present.

Page speed is a significant ranking factor for search engines. Next.js offers various features to improve your site’s loading times like optimized image loading.

A broken link checker is crucial for maintaining website health and user experience. It helps identify and fix dead links, which can frustrate users and negatively impact SEO rankings.

Nine days of nginx logs from a small blog: 18,209 AI-crawler hits. Which bots (ChatGPT-User, Bytespider, ClaudeBot), who honours robots.txt, and the JS-less view they actually see.

Integrating social share buttons on your blog post can significantly increase reach and visibility by making it easy for readers to share, boosting traffic and providing social proof

An HTML sitemap lists and links to all pages on a website, providing an organized overview of its structure. Search engines benefit from HTML sitemaps as they ensure all pages are discovered

Contentful offers a great tagging system. I will show you how we can use it to cluster content by tags and expose new " tag pages," with the related content

Structuring your content is great for your users and Search Engines, but sometimes, it leads to much work for the Authors/Editors, so let's automate it.

Every Blog needs a nice-looking landing page. This step-by-step guide will add two new content types in Contentful and show the newly added data on our Next.js 14 blog project.

I will guide you through the possibilities of caching and revalidation in Nextjs 14. I will use Contentful as a headless CMS for content management.

In the previous five stories, I showed the step-by-step creation of a Next.js 14 app that can be used to create Azure Resources via App Service. Now, we added the payment option with Stripe.

In this last part of my series on building a SaaS solution using Next.js 14 and Azure, we will focus on the payment integration with Stripe so that you can ask for a subscription, etc.

In the third story, we will use our Next.js app to get the Azure AD B2C Access Token to create Resources on Azure via the App Service created initially.

In this final part of our series on building a SaaS solution using Next.js 14 and Azure, we will focus on the critical aspect of managing Azure Storage Accounts.

Building a flyout menu with Tailwind CSS is advantageous due to its utility-first approach. This approach offers flexibility and speeds up development by using pre-defined classes

I will reuse the component I created in the previous story combined with the headless CMS Contentful. So I can create my Content within Contentful and use Next.js 14 for the visualization

I'm using Next.js 14 with the new app router, but instead of storing the page views in a relational database like PostgreSQL, I'll be using Upstash Redis so add this nice feature

As your blog grows, you may need a function like "Load more" or "Infinite scroll." I will focus on that and show how easy it is with Next.js 14, Server Actions, and Contentful as CMS.

Contentful and Next.js are two popular tools in the world of web development. Contentful is a CMS that allows users to create, manage, and publish content

Every Blog needs a lightning-fast search and content filtering. Let’s use one of the best services in the market and combine it with a nice-looking Tag Cloud delivered in Milliseconds.

Enrich Contentful payload from webhook with Next.js 14 routes to push the needed data to Algolia. Extract Json from Rich-Text field to index the right content.

You plan to start a new business where you need to present your new products to a broader audience on a marketing website. Here you will find a complete guide.

Let's dig deeper and build a nice UI on our Nextjs foundation with the help of Tailwindcss/Contentful

Let’s create a completely new website powered with next.js 14, Contentful, and Typescript