I am working on Reactjs/nextjs, And i want to append/remove "disable" attribute,how can i do this ? Here is my current code const handleSubmit = (e) => { e.preventDefault(); //Should append "disable" on submit button axios .post("xxxxxxxxxxxxxxxxxxxxxxxxxxx",data ) .then(function (response)…
import { useContext, useEffect, useState } from "react" import Layout from "../components/Layout" import { ProductsContext } from "../components/ProductsContext" export default function CheckoutPage(){ const {selectedProducts,setSelectedProducts} = useContext(ProductsContext) const [productsInfos,setProductsInfos] = useState([]); const [address,setAddress] = useState(''); const [city,setCity] = useState(''); const [name,setName]…
My app is running on a VPS, with Docker Compose. I have a .env file in the file's directory, at the same level as the docker-compose.yml. In my docker-compose, I set the environment variables like this: Everything is working fine…
I want to create a search bar in next js and firebase and it works by getting the slug from the url and parse it though my search algorithm. The problem is that if the user uses the search bar…
I am building a nextjs 13 site on github actions and deploying statically to vercel. It usses prisma and I get this error in the runtime logs from vercel: 2022-12-12T01:07:00.163Z 2022-12-12T01:07:00.196Z 2581999e-981c-4f05-a35d-f6f467934166 INFO PrismaClientInitializationError: Query engine library for current platform…
I have a freshly installed Ubuntu 22.04.1 LTS on which I have installed npm and docker. When I want to start my NextJS web server (npm run dev) and the following error message appears: niklas@srv-code01:~/Desktop/Code/Javascript/NextJS/website_01$ npm run dev > [email protected]…
My Product Schema Look like this. import mongoose from 'mongoose'; const productSchema = new mongoose.Schema( { name: { type: String, required: true }, game: { type: mongoose.Schema.Types.ObjectId, ref: 'Game', required: true, }, category: { type: mongoose.Schema.Types.ObjectId, ref: 'Category', required: true,…
I'm using the Stripe extension in Firebase to create subscriptions in a NextJS web app. My goal is to create a link for a returning user to edit their payments in Stripe without authenticating again (they are already auth in…
async function change_status(object_id:number){ const response = await fetch('/api/db', { method: 'POST', body: JSON.parse(`{"id":${object_id}}`) }); if (!response.ok){ throw new Error(response.statusText); } return await response.json(); } I want this button to change an int in mysql <button onClick={() => change_status(object.id)}> change Status…
I have 2 folders separated, one for backend and one for frontend services: backend/docker-compose.yml frontend/docker-compose.yml The backend has a headless wordpress installation on nginx, with the scope to serve the frontend as an api service. The frontend runs on next.js.…