Questions tagged [strapi]

Strapi, an innovative Node.js CMS developed using Koa, stands out in the market due to its open-source nature. Unlike traditional MVC frameworks, Strapi prides itself on being frontend-agnostic. Moreover, it boasts a unique feature of auto-generating RESTful endpoints alongside comprehensive support for both GraphQL and WebSockets protocols.

I am seeking guidance on how to properly display the html iframe element within rich text formatting

Currently, I am going through the Strapi tutorial that covers the process of creating a blog using Nextjs with Strapi. If you are interested, you can find the tutorial here One important point mentioned in the tutorial is that a markdown package needs to ...

Running a Strapi instance on another developer's system involves cloning the project from Git and launching it successfully

⠼ Loading Strapi[ERROR] Oops! There appears to be an unexpected error. Please try again with --debug for additional information. ┌──────────────────────────────────────── ...

Encountering a Next.js Strapi error. TypeError: Fetch request unsuccessful

An error occurred during module build: UnhandledSchemeError: The plugin does not support reading from "node:assert" URIs (Unhandled scheme). Webpack natively supports "data:" and "file:" URIs. You might require an extra plugin to handle "node:" URIs. ...

How do I retrieve the music events for each user in Strapi 4?

I am currently working with strapi 4 and nextjs. Within the app, each user has their own music events stored in strapi that they should be able to add and retrieve. However, I am encountering difficulties when trying to retrieve each user's music events ...

Error occurred while attempting to fetch data from http://localhost:1337/api/events. The request failed due to a connection error with ::1:1337

Upon accessing localhost:1337/api/events as a PUBLIC (Unauthenticated user) via my browser, the following response is returned: {"data":[{"id":1,"attributes":{"name":"Throwback Thursday with DJ Manny Duke", ...

What is the process for fetching a user's role using Strapi?

Could someone assist me in retrieving the role associated with a specific user using strapi? I have tried running this query but have been unable to retrieve the role. https://i.stack.imgur.com/3SI2l.png If anyone has any insights or advice, it would be ...

Images are not displaying on mobile for the React-responsive-carousel when using nextJS/strapi

I've been developing an online store using nextJS and Strapi, and I decided to implement the react-responsive-carousel. Following the instructions on [ https://www.npmjs.com/package/react-responsive-carousel ] went smoothly. (I am currently working on loca ...

Issue ( Uncaught TypeError: Trying to access a property of undefined ('data') even though it has been properly defined

One of my custom hooks, useFetch, is designed to handle API data and return it as a state. useFetch: import { useState, useEffect } from "react"; import { fetchDataFromApi } from "./api"; const useFetch = (endpoint) => { const [d ...

Leveraging the power of the map function to manipulate data retrieved

I am working on a nextjs app that uses typescript and a Strapi backend with graphql. My goal is to fetch the graphql data from strapi and display it in the react app, specifically a list of font names. In my react code, I have a query that works in the p ...

Best practices for implementing GraphQL in Next.js applications

Within my applications, I utilize the following NPM modules to interact with Strapi, GraphQL, and Next.js: react-apollo next-apollo graphql gql recompose As a next step, I am setting up an Apollo configuration file as shown below: import { HttpLink } ...

Strapi: Enhancing User Experience with Unique Passwordless Customization Services

I have been attempting to modify the "passwordless" strapi plugin in order to generate verification codes consisting exclusively of digits. To achieve this, I need to override the createToken function within the plugin's service. Following the instruction ...

What could be causing Nextjs13 to fail in recognizing an authentication route, resulting in a 404 error?

I have been working on a project utilizing NextJs v13 with Strapi v4 as the backend. My project includes separate layouts for the site, login, and dashboard. While working on the login section, I implemented NextAuth for authentication. However, upon submi ...

What could be the reason behind my Vue 3 page not refreshing its content when navigating to a new page?

I am experiencing an issue with my Vue3 template file that is fetching data from Strapi. While it works fine on my local machine, the content only loads correctly on the first page load when I run it online. Subsequent page changes do not update the cont ...

Is it possible to develop a Strapi plugin in real-time without the need to continuously rebuild the plugin?

Currently, I am in the process of developing a plugin for Strapi. I'm curious if there is a way to streamline the development process by having my Strapi backend automatically detect any changes made to the plugin's code without the need to run npm run bu ...

Experiencing an issue when attempting to deploy Strapi CMS with TypeScript on Railway - encountering the error message: "Unable to locate module 'typescript'"

Issue with Deploying Strapi CMS in TypeScript to Railway Currently facing challenges while trying to deploy Strapi CMS written in TypeScript to Railway. Despite the availability of a JavaScript template, there's a lack of a specific TypeScript templa ...

Ordering data in GraphQL by its unique identifier

After downloading a simple tutorial code, I found myself struggling to figure out how to sort by ID in GraphQL while playing around with it. Here is the query.js file: import React from "react"; import { useQuery } from "@apollo/react-hooks"; const Quer ...

In need of guidance to troubleshoot the error "Encountering problem while reading properties of undefined (jwt)"

I'm currently facing an authentication flow issue and I am looking for assistance from someone with a keen eye to help me troubleshoot and resolve the problem. The specific error message I am encountering is [next-auth][error][JWT_SESSION_ERROR] https://n ...

Is the callback not being triggered in the Stripe webhook? Or could I be overlooking something important?

I am currently working on a project using Next.js with Strapi and Stripe. The issue I am facing involves a webhook that is supposed to execute the markProductAsSold callback after a successful payment. However, this callback only runs correctly on localhos ...

Uploading an image along with additional information to Strapi using React

Can you assist me with allowing users to post data on Strapi, such as their name, URL, description, and image? I attempted to add an input type file but encountered a 500 error. I suspect this could be due to the need to call localhost:1337/upload, but I' ...

Next JS Dynamic Routing displays successful message on invalid routes

I have been using the App Router feature in Next JS along with Strapi as my CMS. When I make a query to the API endpoint in Postman, I receive the expected results. Requests for routes without corresponding slugs return a 404 error, while only routes with ...

Automatically fill in field values in a content type by referencing values from different fields in Strapi

Strapi Version: v4 Operating System: macOS Database: MySQL Node Version: 16.15 NPM Version: 5.8.8 I have a task at hand where I need to dynamically populate a field based on the values in other fields within a content type. For example, if I have fields l ...

Unable to show information in Next.js Strapi integration

I have set out to create a basic task management website as a way to delve into the world of full stack development. My tech stack includes Next.js and Strapi, but I've hit a roadblock. Despite my best efforts, I can't seem to get the server data to disp ...

Struggling to successfully upload a file to the Strapi upload API from a Next.js API route

Currently, I have implemented react dropzone on a specific page for the purpose of sending a file to an API route called /api/upload. Afterward, the file is supposed to be uploaded to a Strapi upload API using the following code: import formidable from 'fo ...

"The application is experiencing issues due to a malfunctioning JWT secret in NextAuth

[I am currently using Next.js (11.1.2) in combination with NextAuth (4.0.0-beta.7) to authenticate into a Strapi API, utilizing only the Credentials provider (JWT).] The entire authentication flow is "working" with this [...nextauth].js: import NextAuth f ...

After copying to another computer, Node is unable to locate previously installed modules or add new ones

After transferring my project to a new computer using a synchronization service, I checked the folder permissions with ls -l and everything seemed correct. The project is a strapi app, and when I run npm run develop, I encounter the following error: > ...

What are the best methods for combining MDX and STRAPI?

I am currently working on a project that involves incorporating MDX with Strapi. I'm a bit confused about how and where to integrate them, especially since MDX works with .mdx files while Strapi operates using APIs. If anyone has any insights or guid ...

What are the steps to resolve the `Error: connect ETIMEDOUT` issue on a strapi server?

Every time I attempt to execute commands such as start or develop, I encounter errors on my personal computer and am unable to launch the strapi server. Despite already running yarn install to download dependencies, the issue persists. I have also experi ...

Error: When attempting to utilize the Image-Slider, an issue arises with reading the property 'classList' which is undefined

I am currently in the process of developing a website using Strapi as my CMS and Next.js(React) for the frontend. The website features an image slider that includes images, headlines, and descriptions. However, I have encountered an issue where after spen ...

Error occurs when attempting to read the 'map' properties of null because the JSON array is double nested

Within my code, I am attempting to access the URLs of two thumbnails in the JSON data below. Currently, I can only retrieve the information from the first array: <>{post.attributes.description}</> However, I am encountering difficulty retrievi ...

I'm having trouble getting plugins to work in React Markdown with Next.js

In my current project, I am using next.js on the frontend and strapi on the backend. To render the rich text from strapi that includes markdown, I have implemented ReactMarkdown package version "6.0.3" in the frontend. Everything works smoothly except for ...

After the build process, Nextjs Sitemap is eliminating the /en/ from all newly generated web links

Utilizing Strapi to pull data in JSON format. For instance, a typical website link appears as follows: https:/ /www.some-site.com/some-link What happens to the links once the post build is completed on my Nextjs project: <url><loc>https://web ...

Using Strapi and Next.js to retrieve user information

After searching for similar questions with no luck, I'm reaching out for help. Building an authentication system using Strapi and Next.js, I'm faced with a task that seems simple but eludes me. The main question is: How can the client retrieve user data f ...

Altering the mongo uri in Strapi does not produce any changes

After successfully setting up a Strapi cms instance with a remote Atlas db, the next step is to create additional environments. However, I encountered an issue when attempting to modify the development database uri in the config/environments/development/da ...

Not all API results are being displayed by the Nextjs API function

I am facing an issue with rendering all the returns from the API in my Next.js application. The API, which is created in Strapi, is only displaying 1 out of the 3 possible returns. I am a beginner when it comes to using APIs and I suspect that the issue li ...

A guide on linking an object in strapi V4 to a React app

Recently in strapi v4, there was a change in the response API structure from an array to an object. When analyzing the response using Postman on my local strapi API and converting it into raw format with stringify, I noticed that the API response consists ...

Error: Unable to extract 'blog' property from 'param' because it is not defined in the Strapi NextJS context

I'm currently developing a blog using NextJS and Strapi. While implementing the comment functionality for my blog posts, I encountered two strange errors: TypeError: Cannot destructure property 'blog' of 'param' as it is undefined. and AxiosError: Request ...

There was an issue with the NextJS axios request as it returned a status code

I'm currently in the process of developing an application with NextJS and Strapi In my project, I am fetching data from Strapi using Axios within NextJS Next: 14.0.4 Axios: ^1.6.5 Strapi: 4.17.1 Node: 18.17.0 Here is the code snippet: import axios f ...

What is the best way to showcase text formatting applied in Strapi's WYSIWYG editor in NextJS's user interface?

I'm a beginner with Next JS and Strapi CMS. Trying to figure out how to transfer styling from the backend admin panel in Strapi to the UI in NextJS. Is there a way to display the formatted text created in Strapi's WYSIWYG editor on the frontend ...

Displaying images on the Vue front end using data fetched from an API in real-time

I am having difficulty displaying an image dynamically based on the path provided by an api call. While all other data is showing up correctly, the image is not. I have a suspicion that I might be entering the incorrect path. The frontend resides in a dire ...

The Strapi plugin seems to be encountering an issue as the API is not reachable, leading to a

In an attempt to create a custom API in Strapi backend, I developed a plugin called "test" for testing purposes. However, when trying to access the test response in Postman, it displays a 404 error stating that it is not accessible. Let me provide you wit ...

I am encountering an issue where I am using Getserversideprops within a page to retrieve data from Strapi, but I am consistently

Having an issue with fetching data from a Strapi backend using getServerSideProps in Next.js. The data appears to be undefined, even though the link works correctly in the browser. I am fetching inside a page, not a component, following the method descri ...

Using Next Js for Google authentication with Strapi CMS

Recently, I've been working on implementing Google authentication in my Next.js and Strapi application. However, every time I attempt to do so, I encounter the following error: Error: This action with HTTP GET is not supported by NextAuth.js. The i ...

Tips for showcasing a photo collection using Nuxt and Strapi

Seeking advice on displaying images from a gallery page sourced from Strapi. Previous methods have not been effective in my case. My dynamic gallery page successfully retrieves collections from Strapi, but I'm struggling to showcase the images correc ...

Utilizing Strapi to generate numerous dynamic routes, complete with nested dynamic pages

I am utilizing Strapi to retrieve dynamic data for my website using an API GET request. I am facing a challenge in generating paths for my dynamic pages, particularly when it comes to handling multiple levels of dynamics. Here is how my structure looks: ...

Recurring inputs throughout various collections in Directus CMS

Currently, I am utilizing the Directus CMS as a headless content management system. I have already established a collection that serves as a single page on the website, specifically the homepage. This page has been set up as a singleton object. My goal is ...

Console displaying a 400 bad request error for an HTTP PUT request

I'm currently in the process of developing a react CRUD application using Strapi as the REST API. Everything is working smoothly with the GET, DELETE, and CREATE requests, but I encounter a 400 bad request error when attempting to make a PUT request. My se ...

Encountering a 504 Timeout Error with Next.js and Next-Auth on our live server

After successfully developing a basic Next.js app with authentication using Next-Auth, I encountered a peculiar issue upon deployment to my production server. Despite configuring the environment variables accordingly in the .env.local file, I faced a persi ...

Issues encountered when trying to deploy Strapi on a Digital Ocean Droplet due to a breach of the specified Content Security Policy directive: "connect-src 'self' https:'

I recently started using Digital Ocean and am in the process of deploying strapi for production. After successfully setting up a new Digital Ocean droplet running Ubuntu 20, I installed Node.js on it. I also added Nginx, although I'm unsure if it&apo ...

The API is not receiving the HttpOnly cookie

Currently utilizing next.js and strapi for my project. I'm facing an issue with setting an httpOnly cookie between my next.js front-end and my strapi app. Although the cookie is received by the backend, it's not present when I make a request to ...