next js - Techlye

react login api example

Leave a Comment / express js, javascript, next js, react / By Kanha Help Me

const [isBookingDone, setIsBookingDone] = useState(false); const [isError, setIsError] = useState(false); const [errorMessage, setErrorMessage] = useState(”); const slotBooking = async (slotTiming, bookedDate, userId) => { let config = { url: `http://localhost:3005/api/bookings`, method: ‘POST’, headers: { ‘Content-Type’: ‘application/json’, }, data: { ‘slotTiming’: slotTiming, ‘bookedDate’: bookedDate, ‘userId’: userId }, }; await axios(config).then((res) => { loadBookingData(); setIsBookingDone(true); }).catch((e) …

react login api example Read More »

How to use dotenv in js project

Leave a Comment / express js, javascript, next js, nodejs, react / By Kanha Help Me

//first install this npm install dotenv //then add this on the top of the your code require(“dotenv”).config(); //first create file with name of .env DB_HOST=localhost DB_USER=root DB_PASS=s1mpl3 //then use it const db = require(‘db’) db.connect({ host: process.env.DB_HOST, username: process.env.DB_USER, password: process.env.DB_PASS })

Create Next App With Tailwind CSS and TypeScript

Leave a Comment / next js, tailwind, typescript / By Kanha Help Me

1. Craete nextapp npx create-next-app your-project-name 2. Craete nextapp with tailwind css and typescript npx create-next-app your-project-name –typescript -e with-tailwindcss 3. Craete nextapp with tailwind css only npx create-next-app your-project-name -e with-tailwindcss 4. Craete nextapp with typescript only npx create-next-app your-project-name –typescript

Next Js Babel error

Leave a Comment / next js, react / By Kanha Help Me

in .eslintrc replace the existing code with { “extends”: [“next/babel”]} Create file called .babelrc in your root directory and add this code{ “presets”: [“next/babel”], “plugins”: []}