Building a Customer Support Portal with Strapi, GPT, and Next.js (Part 1)

This page summarizes the projects mentioned and recommended in the original post on dev.to

SurveyJS - JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.
surveyjs.io
featured
Stream - Scalable APIs for Chat, Feeds, Moderation, & Video.
Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.
getstream.io
featured
  1. install-git

    You will also need to install git and to have a GitHub account to deploy your project to Strapi Cloud.

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.

    SurveyJS logo
  3. Strapi

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

    In this 3-part series, I will walk you through building a robust customer support portal using Strapi, GPT, and Next.js. You will learn how to set up the backend, integrate AI-driven support using GPT, and implement user authentication to manage customer queries effectively, ensuring a seamless experience that fosters trust and loyalty. For the first part of this series, you will learn how to set up Strapi for the backend of your customer support portal.

  4. Next.js

    The React Framework

    In this 3-part series, I will walk you through building a robust customer support portal using Strapi, GPT, and Next.js. You will learn how to set up the backend, integrate AI-driven support using GPT, and implement user authentication to manage customer queries effectively, ensuring a seamless experience that fosters trust and loyalty. For the first part of this series, you will learn how to set up Strapi for the backend of your customer support portal.

  5. Puts Debuggerer

    Ruby library for improved puts debugging, automatically displaying bonus useful information such as source line number and source code.

    You will also need to install git and to have a GitHub account to deploy your project to Strapi Cloud.

  6. documentation

    Strapi Documentation (by strapi)

    Have a basic knowledge of Strapi and have an account with Strapi Cloud

  7. askai

    Command Line Interface for OpenAi ChatGPT (by yudax42)

    GPT (Generative Pre-trained Transformer) is an AI model developed by OpenAI that can understand and generate human-like text. It will power the conversational AI features of the customer support portal, enabling the system to provide automated responses and help with personalized support through natural language processing.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Mastering Next.js 15 Caching: dynamicIO and the 'use cache'

    2 projects | dev.to | 12 Mar 2025
  • How to self-host Strapi on Railway

    5 projects | dev.to | 18 Jan 2025
  • Astro & Strapi Website Tutorial: Part 2 - Intro to Strapi

    2 projects | dev.to | 13 Dec 2024
  • Build a Blog Post Preview with Strapi Draft and Publish and Astro

    5 projects | dev.to | 11 Oct 2024
  • Deploy Strapi as a Content Backend and Headless CMS

    3 projects | dev.to | 27 May 2024

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?