Middleware12
Next.js 14 - App Router Middleware HTTP Basic Auth with Typescript
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.
Next.js 14 -Advanced Search Integration with Algolia UI Libraries (Widgets)
In this follow-up story, I will show you how to easily integrate the Algolia Instant search into your existing Next.js 14 project. We will also use custom styling with TailwindCss.
Next.js 14 / Upstash Kafka - Handmade High-Performance Analytics
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.
Next.js 14 — Complete Example — Adding Internationalization / Multilanguage to our Blog based on Contentful/GraphQL — Part 5
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)
Next.js 14 -Algolia search with native HighLight and snippet components
Now, we will examine the last two widgets (“HighLight” and “Snippet”), which we did not use in our previous post, where the focus was on SearchBox, Hits, and RefinementList.
Next.js 14 -Advanced Analytics with new Styles, and new Widgets - Part 2
In this post, we will proceed with our analytics dashboard. We will add new styling with TailwindCss and new Widgets to our Dashboard, which we created in our existing Nextjs 14 project.
Next.js 14 -Advanced Analytics with Tinybird and integrated Dashboard
We introduce the platform Tinybird and integrate the provided Javascript Snippet for the data collection. Then, we integrate the Analytic Dashboard into our existing Nextjs 14 project.
Next.js 14 - Flyout menus with TailwindCSS & Contentful - Part 2
In the previous story, we created the components for the flyout menu and did the basic integration. Now, we will connect the menu with our headless CMS Contentful.
Next.js 14 -Building Flyout Menu with TailwindCSS in minutes
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
Next.js 14 / Contentful- Professional Syntax Highlighting
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
Next.js 14 - Advanced Syntax / Code Highlighting
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
Improving Website Visibility: The Importance of Next.js SEO
Server-side rendering (SSR) and static site generation (SSG) are at the core of Next.js’s SEO capabilities to support search engine crawlers