so i want to make a page that render a data from localStorage, i want to make it realtime, so if i wanti to delete some data from localStorage the UI of deleted data removed realtime This is my code,…
What is the difference between <div /> and<div></div> or <Component /> and <Component> </Component> <Layout home> <section> <h2>Blog</h2> <ul> {allPostsData.map(({ id, date, title }) => ( <li key={id}> {title} <br /> {id} <br /> {date} </li> ))} </ul> </section> </Layout>…
This is my component to download pdf file. I have pdf file named resumeroshan.pdf inside Assets folder "use client"; import resume from "../../Assets/resumeroshan.pdf"; export default function About() { return( <div> <a href={resume} download="roshan"> <div className="mt-[25px] flex w-[150px] cursor-pointer justify-center rounded…
I have an page '/message/:id' with a back button on top left which routes back using router.back() function, Which works perfectly fine when i get routed to that page from any other screen. But now i'm also sending notification which…
How to apply different styles for a class in Tailwind CSS when the theme is switched to dark using Next.js 13.4 and next-theme? I'm trying to set up a dark theme in Tailwind CSS with Next.js 13.4 using next-theme. In…
I want to use Gatsby and NEXT.JS in a project. Can I use Gatsby and NEXT.JS together?
I'm new to Typescript and I wactch a tutorial that use next-auth, but since I following the tutorial with Typescript, I encounter this error when using getProviders function. As you can see when I try to update the state it…
I am using Next.js 13 with the App Router and have the following client component, which uses media queries inside the javascript to display a sidebar differently for small/big screens. "use client"; export default function Feed() { const [isLargeScreen, setIsLargeScreen]…
I've no clue how to fix this as am new to REACT-NEXT (am an Angular guy). Below is element that am utilizing from another resource like import example-custom-ele-parent, {example-custom-ele-child} from 'custom-tags/example-custom' <example-custom-ele-parent> <example-custom-ele-child></example-custom-ele-child> </example-custom-ele-parent> when I see css for example-custom-ele-child…
user.ts import mongoose from "mongoose"; const UserSchema=new mongoose.Schema({ _id:mongoose.Types.ObjectId, name:{ type:String, require:true }, email:{ type:String, require:true }, password:{ type:String, require:true, }, liked:[{ type: mongoose.Types.ObjectId, ref:'blogs', require:true }], myBlog:[{ type: mongoose.Types.ObjectId, ref:'blogs', require:true }] }) module.exports=mongoose.models.users||mongoose.model('users',UserSchema) blogs.ts import mongoose from "mongoose";…