Next.js blog series, Accessibility, Advanced Search & More - Logbook #103

Hello ??

This month we have a small favor to ask you. We are running a survey to collect feedback, prioritize our product roadmap, and update our pricing to make Strapi Cloud and the paid features available in Strapi Enterprise Edition more accessible to the broader Strapi Community. We'd be very grateful if you could take 2 minutes to share your insights.?

Take Survey

On a separate note, we also published our first Strapi Cloud case study! Learn how Strapi's flexible content structure together with Strapi Cloud’s unique developer experience helped Yuka accelerate the development and content management of its mobile application (50 million downloads) across 12 countries (5 locales).?

Strapi Resources

Epic Next.js 14 Tutorial series

by Paul B.

In case you missed it, we've published a full tutorial series on Next.js 14 ?

• Part 1: Learn Next.js by building a website
• Part 2: Building Out The Hero Section of the Homepage
• Part 3: Finishing up the homepage Features Section, TopNavigation, and Footer
• Part 4: How to handle login and Authentification in Next.js
• Part 5: Building out the Dashboard page and uploading files using NextJS server actions
• Part 6: Get Video Transcript with OpenAI Function
• Part 7: Strapi CRUD permissions
• Part 8: Search & pagination in Nextjs
• Part 9: Backend deployment to Strapi Cloud
• Part 10: Frontend deployment to Vercel

Paul built this out in the open, so feel free to add comments and questions in the GitHub repository or watch the Youtube playlist for this blog series if you prefer that format.?

Community & Ecosystem

Adding advanced search to a Strapi and Next.js project with Algolia by Clara Ekekenta

E-commerce platforms with search functionalities should be top-notch, fast, and painless. With Strapi headless CMS and Algolia, Clara teaches you how to add and implement advanced search functionality to a NextJs project.

IaaS vs PaaS vs SaaS: The Key Differences by Osinachi Chukwujama

Dive into the differences between cloud computing models such as IaaS, PaaS, SaaS, and FaaS. This article discusses each model's unique roles and responsibilities, helping you choose the right service based on your needs and resources. Finally, it explains why you should use Strapi, a PaaS platform.

How to Build a Chat app with React, Strapi and Firebase by Opuama Lucky

Learn how to create a Strapi chat app, integrate Firebase for user authentication, and get real-time updates.

How to Improve the Accessibility of Strapi-Powered Websites by Victoria Nduka

Explore the world of web accessibility with Victoria as she shows you how to make your website accessible using accessibility plugins in Strapi.

Integrating Strapi with ChatGPT and Next.js by Mike Sullivan

In this interesting tutorial, Mike walks you through how you can integrate Strapi and ChatGPT into your Next.js application by building an app that displays recipes using AI.?

A Low-Code/No-Code Approach to Strapi Enablement by Rodrigo Rubio

Learn how Strapi empowers even non-technical teams to build robust business solutions using a no-code/low-code approach and tools like Typeform and Make.com .

Build an AI FAQ System with Strapi, LangChain & OpenAI by Denis Kuria

?Learn how to build an AI RAG-powered FAQ System using Strapi and LangChain to enhance the accuracy and richness of the responses.?

Introduction to JWT and Cookie Storage? by Tobi Onisile

This post covers the definitions, structures, advantages, and disadvantages of JWT and cookie storage along with comparisons.

Build a Personal Target Tracking Application with Flutter Riverpod and Strapi GraphQL by Nazlikan Kurt

Explore how using Flutter and Riverpod for Strapi API and GraphQL integration can simplify application development processes.

Build a Customer Review APP with Strapi and Solid.js by Temitope Oyedele

Temitope shows you how to use Strapi as the backend, and SolidJs, a JavaScript reactive framework, for building user interfaces.?

Seamless Integration: BigCommerce and Strapi by BigCommerce

Integrate BigCommerce's Catalyst storefront with Strapi's headless CMS to manage blog content and customer service questions, with support for localization across both content types.

The Freelance Stack: Real project with NextJS and Strapi by Niklas Fischer

This course offers practical, real-world experience in developing projects using Next.js 13 and Strapi, ideal for enhancing your skills in a dynamic development environment.

How to Integrate Strapi to Appsmith using Auth REST APIs by Appsmith

Strapi is an open-source CMS that provides a simple Low-Code Content Management Builder and comes with Authenticated REST APIs out of the box. Building an internal tool in Appsmith using Strapi as the back-end is extremely simple. In this video, we walk through the process of integrating both platforms to build full-stack business apps.

Events

Daily Office Hours on Discord

Conducted Monday to Friday at 6 AM and 12:30 PM CST on the Strapi Community Discord, these one-hour sessions are accessible to all. Led by solution engineers and Community Stars, Office Hours offer an invaluable chance for community members to get answers, advice, and insights about Strapi directly from the experts.

Headless Experience Conf [French Event]

Strapi will be in the spotlight for the first edition of the Headless Experience Conf event organized by one of Strapi's solution partners in France, Kaliop. Learn more about headless architectures through exclusive interviews with business and technical experts and testimonials from Yelloh! Village and Explore France.?

Quarterly Community Call - July 2024

Join the Strapi team on Tuesday, July 9th 2024 - 8:00 AM (PDT) for our quarterly community call. We'll go over the latest product announcements, demo the latest features, and share updates about the upcoming releases and roadmap.