I’m trying to fetch the posts of my discourse but i don’t know where should I put my API keys. So I’m trying to do a fetch to a: https://{defaultHost}/posts/{id}.json but it is giving me error as I haven’t introduced the API keys, but where should I introduce the API keys?

I’m not sure how you are making your api requests (which tool or programming language), but the api key and username go in the http header. Here is a curl example from the Discourse REST API Documentation curl -X POST "http://127.0.0.1:3000/categories" \ -H "Content-Type: multipart/form-data;" \ -H "Api-Key: 714552c6148e1617aeab526d0606184b94a80ec048fc09894ff1a72b740c5f19" \ -H "Api-Username: discourse1" \ -F "name=89853c20-4409-e91a-a8ea-f6cdff96aaaa" \ -F "color=49d9e9" \ -F "text_color=f0fcfd"

[image] Allen_Chen: I’m doing it in nextJS I’m not familiar with nextJS so I’m not totally sure, but looks like nextJS uses a tool called SWR to make api requests [image] Data Fetching: Client-side Fetching | Next.js Learn about client-side data fetching, and how to use SWR, a data fetching React Hook library that handles caching, revalidation, focus tracking, refetching on interval and more. You need to be VERY careful the scope of the API key you are storing client side and which api calls you make to Discourse so that you don’t expose your global API key to users since it looks like nextJS is a client side framework instead of server side. The proper way is probably to have next.js make a server side api request that then makes an authenticated api call out to your Discourse instance. This answer might help you out: [dileep nandanam] How to send headers using swr reactjs, swr answered by dileep nandanam on 08:06PM - 23 Jan 21 UTC As per the docs Arguments you should do const fetcher = (url, token) => axios .get(url, { headers: { Authorization: "Bearer " + token } }) .then((res) => res.data); const { data, error } = useSWR( [`http://localhost:8000/api/v1/users/get-avatar`, auth.token], fetcher ); if (error) console.log(error); if (data) console.log(data);

Where should I put the API keys of discourse so that I can fetch the posts?

Development

Allen_Chen (Allen Chen) April 13, 2022, 3:16pm 4

I’m doing it in nextJS. Where should I put that code?

Topic		Replies	Views
Authenticating using API keys when accessing API through fetch Development rest-api	4	1602	November 28, 2019
Having issue accessing the Discourse APIs from react app Development rest-api	6	1018	April 10, 2023
Create apikey for user programmatically as admin Development rest-api	8	2237	February 26, 2024
Using JavaScript fetch to get publicly available page from Discourse into an external site (Discourse API) Product Support	2	740	April 10, 2023
CORS error accessing API from javascript application Development	11	4146	April 9, 2023

Where should I put the API keys of discourse so that I can fetch the posts?

Related topics