In Next.js I'm using this code: const [card, setcard] = useState([]); useEffect(() => { localStorage.setItem('items', JSON.stringify(card)); }, [card]); useEffect(() => { const items = JSON.parse(localStorage.getItem('items')); if (items) { setcard(items); } }, []); I can see that when the value of…
I have a simple project built in: Node v16.14 Express Nextjs v13.2 I want to serve the output generated from Nextjs Static HTML Export in NestJS with Serve Static or in Express. The output from my Nextjs build doesn't include…
data.js inside API folder export default { Trending : [ { "data":[ { "id":1, "attributes":{ "Title":"Technical", "slug":"blog", "Description":"#PythonnPythonisasimplelanguageforstarters.", "Date":"2023-03-06", "Author":"Ankush", "createdAt":"2023-03-06T03:11:19.450Z", "updatedAt":"2023-03-06T03:11:21.956Z", "publishedAt":"2023-03-06T03:11:21.951Z", "locale":"en" } } ], "meta":{ "pagination":{ "page":1, "pageSize":25, "pageCount":1, "total":1 } } } ] } trending.js import…
I am using Next.js 13 beta (app directory) and trying to dynamically change the navbar, which is in my root layout, based on the url path (navbar element will include the text "posts" at .../posts and "profile" at .../profile). export…
I'm following a doc from react-query that includes a section about using the Hydrate component in Next.js 13 app directory with server-side rendering. In this section, the guide imports the cache object from React like this: import { cache }…
I'm trying to embed a video on my NextJS website by using <iframe. The problem is it causes a lot of cookies issues in Chrome browser. Plus the performance dropped significantly. <iframe src="https://www.youtube.com/embed/r9jwGansp1E" allowFullScreen ></iframe> I also tried to use…
I have a basic Next.js application, in which I'm want to use NextAuth for authentication purpose for which I need axios to make calls to the api folder in the same nextjs app. I'm using credentials provider in it. authorize:…
I'm trying to fetch data from the Middleware API and am using A secret key to Secure the API. But when I try to fetch the data it just doesn't recognize the Secret params, How can I make it fetch…
Function with async: export async function getPostData(id) { const fullPath = path.join(postsDirectory, `${id}.md`); const fileContents = fs.readFileSync(fullPath, 'utf8'); const matterResult = matter(fileContents); return { id, ...matterResult.data, }; } Function without async: export function getPostData(id) { const fullPath = path.join(postsDirectory, `${id}.md`);…
I've been trying to setup Front Door (standard) endpoint to route two azure storage static websites. But thats is not working as expected.I need both static apps under same domain name but different path of URL like this. www.something.com ->…