Using Custom Controllers to Power a Next.js App

• custom-controllers-strapi

  1 3 3.8 JavaScript

  Implementation Custom Controllers in Strapi using the example of a simple Messaging application.

To check your work on this tutorial, go to this GitHub repository.

• nanoid

  83 23,140 8.3 JavaScript

  A tiny (124 bytes), secure, URL-friendly, unique string ID generator for JavaScript

You add the uid and timesUpdated properties to the request data (ctx.request.body.data). For generating the uid, you use the nanoid npm package.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• axios

  438 103,985 8.4 JavaScript

  Promise based HTTP client for the browser and node.js

  

To make HTTP calls to the backend server, you can use the Axios npm package. To install it, run the following command in your terminal:

• Strapi

  458 59,840 10.0 TypeScript

  🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable and developer-first.

  

Strapi continues to be the most popular free, open-source, headless CMS, and, recently, it released v4. Built using Node.js with support for TypeScript, Strapi allows developers to perform CRUD operations using either REST or GraphQL APIs.

• Next.js

  2,039 120,313 10.0 JavaScript

  The React Framework

  

In this tutorial, you’ll learn how to build a messaging app with Strapi on the backend and Next.js on the frontend. For this app, you’ll customize the default controllers to set up your own business logic.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project