Typescript25

In the rapidly evolving landscape of web development, the synergy between Next.js and TypeScript has become a cornerstone for building efficient, scalable, and robust applications.

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

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

In this how-to, I will show you how to add HTTP basic auth to your next.js 14 App. Basic Auth is a feature Vercel offers, but only for the Pro Plan.

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.

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.

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

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.

In Part 5, we will add multilanguage support and a language switcher to our example Blog powered by Contentful and the GraphQL API. (Client/Server Components)

In Part 4 we are going to add a custom 404 page, a loading UI (SVG Spinner) and we add some extra colors to our tailwind.config.ts

Now we have reached part 3 and we will add a header and a footer component, as well as the so-called draft/preview functionality offered by Contentful. Not to forget the nowadays mandatory dark mode toggle.

Due to its serverless architecture, Upstash Kafka is an ideal solution for website analytics. It offers high throughput and low latency, crucial for real-time data processing.

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

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.

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.

Consent Management can be expensive and complex, but with the right tools and guides, it's a no-brainer. This story will guide you through it powered by Piwik.

In the next few posts, I will guide you through building a SaaS solution on Azure (Blob Storage, App Services, Azure Functions, Azure AD B2C, etc.).

There are several ways to manage content (Creating, updating, deleting, and delivering content). Let’s do a deep dive into this CMS's REST capabilities.

In my last projects, I needed to establish a DB connection to more than one Postgres DB. I had the challenge of managing these multiple connections within the Prisma Context.

In this story, I will show you how to use Contentful Environments and Aliases in your Nextjs 14 project. Environments are a great way to change your project's data structure.

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

You can use different approaches to integrate code blocks on your blog or website (TailwindCSS, etc.). I came across a modern approach to syntax highlighting and discovered Shiki

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

We will focus on integrating this tenant into a full-fledged Next.js 14 project. As a template, we will take the example that we created in the previous stories

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.