394 questions
-3
votes
0
answers
38
views
Why do many developers recommend CSR for apps behind an authentication/login wall? [closed]
I’m learning the basics of web development and recently got into different types of rendering (CSR, SSR, SSG, etc.).
Server-side Rendering (SSR)
Client-side Rendering( CSR
Static Site Generation (SSG)...
0
votes
0
answers
83
views
Vercel Deployment: White Screen with vercel.json, but 404 on Routes Without It
I'm having a persistent issue deploying a Vite + React (TypeScript) application with a Node.js (Express) backend to Vercel, and I'm caught in a frustrating loop.
The Tech Stack:
Frontend: Vite, React,...
0
votes
0
answers
49
views
Smithy model accepting a field not defined in the API definition
I was passing a random fieldName in the frontend (through axios) to a backend API. The backend API definition (smithy) did not have that particular field name. but it still didn't throw an error. Why?
0
votes
0
answers
159
views
Next.js 15 middleware JWT route protection issue (works locally, fails in production)
I'm facing a weird issue with my Next.js App Router (v15) middleware for JWT-based route protection. I'm using jose for token verification because it's Edge-compatible.
The issue is that everything ...
1
vote
0
answers
71
views
Disable scrolling. Overflow:hidden not working
i need help figuring out how to disable scrolling when vue easy lightbox is open. nothing ive tried works.
overflow: hidden doesnt work
i have tried adding :scrollDisabled="true" . still no ...
- 11
0
votes
1
answer
250
views
how to fetch headers in middleware in Next js
In below NextJS code how can i access Authorization in middleware when client component call API every time api is call it show empty headers in middleware can some on explain it
Client Component:-
'...
0
votes
0
answers
49
views
mongodb and nextjs connetion problem GET http://localhost:3000/api/movies 404
i created a cluster in mongodb atlas it had some dummy data like this
"sample_mflix(movies(title, runtime, year))"
and i want to display it on a table, here is the code for the component ...
- 27
0
votes
0
answers
30
views
Unable to get old and new rule id on dragNdrop
import { QueryBuilderDnD } from '@react-querybuilder/dnd';
import * as ReactDnD from 'react-dnd';
import * as ReactDndHtml5Backend from 'react-dnd-html5-backend';
import { add, QueryBuilder, ...
- 11
2
votes
1
answer
125
views
Re-rendering issue with PDFs in React
const [numPagesState, setNumPagesState] = useState(0);
const allCertificates = formik?.values?.certificate_file || [];
{allCertificates?.length > 0 &&
allCertificates?.map((el) => {
...
0
votes
1
answer
403
views
Clerk Authentication - 401 Unauthorized despite valid session token in React app
Problem: I’m using Clerk authentication in my React app to manage user authentication. I’m trying to make an API request to my backend (Express.js) after the user has logged in successfully, but I ...
1
vote
0
answers
265
views
AWS Architecture for deploying a fullstack app | React | Node.Js | MongoDB
I'm working on drawing an architecture diagram for a full-stack app on AWS. I'm using a three-tier architecture:
the first tier will contain my frontend app on an EC2 instance,
the second tier will ...
- 31
1
vote
2
answers
82
views
Particular endpoint in a controller gives 401 Unauthorized error while others in the same controller don't
package com.hexa.amazecare.controller;
import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org....
- 11
-1
votes
1
answer
184
views
how to add items to the cart without refresh in reactjs
I am working on implementing shopping cart functionality in a React application, and while I have made some progress, I encountered challenges in managing the application's state effectively. The ...
- 27
-1
votes
1
answer
58
views
Netlify & Vercel Blank Page with create-react-app
I’ve deployed my backend on Render.com, but I'm having issues getting my frontend to work on both Vercel and Netlify. The latest attempt was with Netlify, but I encountered the same problem.
I'm using ...
1
vote
1
answer
58
views
Axios error when doing a POST request of a .txt file
I am working on a project with Flask and React and more specifically, right now I am working on an API endpoint that has the utility of receiving a .txt file from the frontend, and then it would run a ...
- 37
0
votes
1
answer
98
views
I am unable to login into the admin dashboard side there is error 403 (unauthorized access) coming on console
i am trying to make the login page which will be same for user and admin . i differentiated between them by putting a checkbox in form and the login for userDashboard is working properly but the ...
0
votes
1
answer
64
views
CSS files are getting applied to all the components in my react app, even after using CSS modules
I am making a react web-page about a Finance Planner and i have 4 components: Dashboard, Homepage, Login-page, and SignUp-page. What happened is i first coded the pages in basic HTML and CSS and then ...
- 21
1
vote
0
answers
89
views
Untracked directories from the shared repository by the Git panel - VS Code and Visual Studio
I have a git repository that contains an FS project: a database, server (C#), and client (React).
Since there is one common repository, when I change files on the server side by using the Visual ...
- 29
0
votes
1
answer
130
views
Jhipster 8 after running mvnw, BUILD SUCCESS but no link to click to open the webpage
C:\Users\User\Desktop\fyp\AppOne>mvnw
:: JHipster ? :: Running Spring Boot 3.3.3 :: Startup profile(s) dev ::
:: https://www.jhipster.tech ::
2024-09-04T02:55:30.742+08:00 DEBUG 34664 --- [...
- 11
0
votes
1
answer
53
views
How can I upload Multiple Images in a One Post
I am trying to create a mock social media app and everything works fine for now. However, I wonder if I can manage to upload up to 5 images for one post and also fetching and rendering them. I just ...
0
votes
1
answer
65
views
The Image is not displaying correctly
there is an image of quiz-app which should be displayed in the 60% of the screen but it is showing this. instead this is the auth component:
import React from 'react';
import './Auth.css';
const Auth ...
-1
votes
1
answer
155
views
Dont know how to fetch data from mongoDB and display it in nextjs app using mongoose
So like, im making an app using nextjs, where i take input from user (username password and email) from home page, save it to db via mongoose and then display it on other page named dashboard, im able ...
-3
votes
1
answer
65
views
Node js ejs variable not define issue
i am mern stack developer and i don't have any experience in this field. I have tried all method to solve the below problem but it gives error
my template file is
<!DOCTYPE html>
<html lang=&...
0
votes
2
answers
2k
views
I am getting an error as : AxiosError {message: 'Request failed with status code 500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE'}
I am developing a MERN stack web application which allows sellers to post their rooms on rent and for users to search and select the best room for them.
Whenever I execute the functionality Post ...
1
vote
0
answers
261
views
How to set up an Express server with Socket.IO on Netlify or another free host?
I'm trying to set up an Express server with Socket.IO and deploy it on Netlify. My server was working fine on localhost, but I'm having trouble configuring it to work on Netlify. Here's what I have so ...
1
vote
1
answer
258
views
Is it okay to encrypt a 3rd party access token and refresh token, in an encrypted JWT?
I have a full stack app with a React frontend and FastAPI (python) backend, which ultimately revolves around the user authenticating with Spotify and generating playlist data.
Since the app and the ...
- 514
0
votes
2
answers
834
views
I can't get tailwind to work in my fullstack project
I have been trying to make my tailwind to work in my fullstack application, I am using Vite to work with React, Node.js and I want to use express also. This are my files so far
For the component that ...
1
vote
1
answer
99
views
How can I improve this axios request that returns a blank page?
I am refreshing my fullstack knowledge and have run into a problem with pulling in a single movie from the back end to the front end. When testing via postman I can get the movie without a problem and ...
- 11
0
votes
1
answer
543
views
Issue with Second User Not Adding to Convex Database
Running into a snag with my project setup—leveraging Clerk for authentication & Convex for the DB. Oddly, the second user's not getting added in Convex, even though Clerk's updating smoothly. Any ...
0
votes
1
answer
56
views
Dynamic SQLAlchemy filter [duplicate]
I am trying to write a dynamic filter for an API that uses SQLAlchemy (python). The front end will pass in optional arguments via query string to the backend and then the python backend should query ...
0
votes
1
answer
34
views
Issue dealing with the apollo client
I am making a full stack app with aws amplify.
I am using app sync sdk because I was having issue with generating a aws amplify client. But now it's showing this problem with apollo client.
Without ...
0
votes
1
answer
33
views
Why does the hover effect of a react component not work when rendered inside a list using map function?
I'm working on a layout that displays the educational qualification of a student. Here's the layout as per the prototype:
The two TextButtons in the qualification-button class doesn't show the ...
- 31
2
votes
1
answer
83
views
how to distinguish front-end ts-config from Deno default typescript checker
i'm trying to migrate my project from nodeJS to Deno. it has 2 part:
the part that run on server to build, serve and test front-end app
the front-end part in /app directory that will be build by ...
- 5,388
0
votes
1
answer
49
views
Next.JS Redirect concatenate routes
I am doing a Next.js project with typescript and when I am in a profiel page "/en/profile" I am trrying to redirect for a "en/dashboard" the error occur that instead of redirecting ...
0
votes
2
answers
39
views
Drop down menu selecting other input field not appearing
I am trying to get an input field to appear when the user selects 'other' from the drop down menu. It was only appearing when I first got on the add recipes page, but I changes a few lines and then it ...
- 1
1
vote
0
answers
29
views
Issue with the UI it works perfectly in web view but make a scroll in mobile view
i created a design it works good in web view but makes a scroll vertically in mobile browser:
web view :
enter image description here
mobile view :
enter image description here
The selfie circled ...
- 11
0
votes
1
answer
51
views
While creating the react app it is showing some errors
Error Image
Please see and help me.
I want to create react app. but it's not working.
the errors says that,
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\shubham\AppData\Roaming\...
1
vote
0
answers
92
views
To show the post data from the front end application in the backend php
I am new to PHP, I would like to develop a simple API in php that is to print out the login name and password in the page of the API php:
<?php
error_reporting(E_ALL);
ini_set('display_errors', 1);
...
- 29
1
vote
0
answers
57
views
Sorry, this installer does not support your operating system: MSYS_NT-10.0-22631
I'm attempting to install Wasp, a tool for building full-stack web applications with React & Node.js.
The installation instructions recommend using the provided command:
curl -sSL https://get.wasp-...
- 11
1
vote
1
answer
95
views
Cant find what the problem is: SyntaxError: Unexpected end of JSON input at Object.register [as mutationFn] (api-clients.ts:16:41)
`I have been following a code along project and I was going smooth until I bumped into this error where I have the exact same code as the working model but it would not work.
It concerns the Mutate ...
0
votes
0
answers
333
views
Notification Provider component causing Hydration errors in NextJS with React Moralis - FCC Pat Collins full stack dev course
I am stuck in lesson 10 and I am unable to progress after the wrapper in my layout.js file in my next app
My Layout.js :
"use client"
import { Inter } from "next/font/google"
...
1
vote
0
answers
73
views
Get 500 error when fetching the data from controller
So I tried to fetch the controller.
useEffect(() => { displayEstates() }, []);
async function displayEstates() {
const response = await fetch('/api/estatedto', {
headers: new ...
0
votes
1
answer
2k
views
Failed to load module script: help needed
index-d5Zm7UFq.js:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for ...
0
votes
0
answers
237
views
Unable to connect to MongoDB database via Mongoose
I'm creating an app with the MERN stack, and I'm using Mongoose. Somehow it just refuses to connect to the database.
My code:
import {createRequire} from 'module';
const require = createRequire(import....
- 1
-1
votes
1
answer
189
views
Backend with next js to build an e-commerce website
Guys it's really bothering me that i want to know how do e-commerce websites know that the customer made an order!! I mean like how do u receive that as devolper, I'm learning front-end and I'm ...
0
votes
0
answers
48
views
Getting a method not allowed error when trying to run a patch
I have a form that is using a ternary expression to decide if it is editing values or submitting new values. The adding values that are new is working via my postman client test, but edit is giving me ...
- 11
-1
votes
1
answer
62
views
MERN Project Authentication
I want to make MERN project.I uses Redux Toolkit for state management. I will use authentication in my project but I got error while requesting server that is written myself.error is network error and ...
0
votes
2
answers
123
views
How to send an array to the backend with React and FastAPI. I keep getting error code 422 [duplicate]
Here is my React code. I'm parsing a CSV I upload to fileData. I'm just trying to print the data in the console for now in my Backend. The CSV probably has around 350 rows.
const [fileData, ...
- 23
0
votes
1
answer
192
views
Error: Uncaught ReferenceError: __webpack_require__ is not defined at u/newrelic<privetstring>
My OS is Linux-mint and I have a React typescript app. working with yarn (not npm) and docker containers for APISIX and front-end. Also, I have Webpack but without out Webpack configuration file.
I ...
-1
votes
1
answer
59
views
i wanna store html type string into database, but safely
i have my react quill component, which returns something like this
EXAMPLE:
<p><br></p><p>fsdafsd</p><p>fsdfsda</p><p>fsdafsad</p
and that is content,...
