Move information from one webpage to a different page

Question

Move information from one webpage to a different page

After developing a site using NextJs, I successfully integrated Discord login functionality and was able to retrieve the user's guilds in the oauth file.

Now, I am looking to send this list of guilds (in JSON format) to my dashboard page.

In the oauth.tsx file:

export default async (req: NextApiRequest, res: NextApiResponse) => {
...
  const guildsuser = await fetch("http://discord.com/api/users/@me/guilds", {
    headers: { Authorization: `${token_type} ${access_token}` },
  });
  const guilds = guildsuser.json();
}

The guilds constant contains the data that I want to pass to the dashboard page for display.

javascript next.js

Answer 1

Answer №1

Fortunately, all you need is to add a single line of code to return the guilds to the front-end dashboard.

export default async (req: NextApiRequest, res: NextApiResponse) => {
...
  const guildsuser = await fetch("http://discord.com/api/users/@me/guilds", {
    headers: { Authorization: `${token_type} ${access_token}` },
  });
  const guilds = await guildsuser.json();
  res.status(200).json({ guilds })
}

Please remember to include await before guilduser.json() like this

You can explore more options for sending responses in the documentation:

https://nextjs.org/docs/api-routes/response-helpers

Answer 2

Fortunately, all you need is to add a single line of code to return the guilds to the front-end dashboard.

export default async (req: NextApiRequest, res: NextApiResponse) => {
...
  const guildsuser = await fetch("http://discord.com/api/users/@me/guilds", {
    headers: { Authorization: `${token_type} ${access_token}` },
  });
  const guilds = await guildsuser.json();
  res.status(200).json({ guilds })
}

Please remember to include await before guilduser.json() like this

You can explore more options for sending responses in the documentation:

https://nextjs.org/docs/api-routes/response-helpers

Answer 3

Answer №2

After careful consideration, I have decided to store the information using cookies.

Answer 4

After careful consideration, I have decided to store the information using cookies.

Move information from one webpage to a different page

Answer №1

Answer №2

Similar questions

Struggling to optimize images in Next.js standalone mood?

AngularJS redirection to a different state by utilizing a URL

Master the art of manipulating tags in Django templates using JavaScript

Updating code to insert elements into an array/data structure using Javascript

Azure OpenAPI: Streaming responses function properly on local host, yet encounter difficulty on Azure Web App

Using a JavaScript function inside a loop without the need for a click event

Integrating additional JavaScript into an Ionic 2 project

Updating an SVG after dynamically adding a group with javascript: a step-by-step guide

Issues with AngularJS functionality – $route.reload() not functioning as expected

Utilizing the @mailchimp/mailchimp_marketing Package in Conjunction with the Next.js 14 App Router API

What is the best way to manage numerous asynchronous post requests in AngularJS?

Forcing a property binding update in Angular 2

Submitting an extremely large string to an Express server using JS

Newly included JavaScript file displays on view page, but triggers a 404 error when attempting to open

Creating Web Components using JavaScript on the fly

Node.js request body is not returning any data

Extracting public data from social media profiles as displayed in Smartr

Using JavaScript and HTML, create a click event that triggers a drop-down text

Encountering an issue when using the Google authentication provider with Next.js version 13

Looping through an object with AngularJS's ng-repeat