Trying to display page views with redis

Answered

Singapura posted this in #help-forum

SingapuraOP

2023-09-10T14:19:23.000Z

"Warning: Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."

I keep getting this error and then in my console getting an error with api/view/route on not being found.

Answered by risky

yeah make sure to use nextjs response

import { NextResponse } from 'next/server'
 
export async function GET() {
  return NextResponse.json({ hello : "world"})
}

View full answer

37 Replies

risky

2023-09-10T14:22:00.000Z

you should simplify your code, and make seperate functions for the diferent methods: https://nextjs.org/docs/app/building-your-application/routing/route-handlers#convention

i don't think you can just export handler like that...

SingapuraOP

2023-09-10T14:28:22.000Z

Thx for replying, refactored it to separate the GET and POST methods into different functions, still getting the same error

risky

2023-09-10T14:28:53.000Z

you request it as POST or GET /api/view (no /route is needed)

also, im assuming you don't want it to increment on the footer, and just show the amount of views

Barbary Lion

2023-09-10T14:37:34.000Z

@Singapura write return before res.json or res.status

risky

2023-09-10T14:40:20.000Z

yeah make sure to use nextjs response

import { NextResponse } from 'next/server'
 
export async function GET() {
  return NextResponse.json({ hello : "world"})
}

Answer

@risky you request it as `POST` or `GET` `/api/view` (no /route is needed)

SingapuraOP

2023-09-10T14:42:09.000Z

Yup you're just right just show the total views like Rauch's blog (https://rauchg.com/)

Barbary Lion

2023-09-10T14:42:48.000Z

@Singapura also use phind.com it will be way faster in helping

risky

2023-09-10T14:43:48.000Z

pls don't recommend AI, if you want to, at least use #gpt-help because nextjs team trusts it and makes sure its trained on latest docs

SingapuraOP

2023-09-10T14:44:42.000Z

Yes I've been using cursor.so with the latest nextjs 13 docs

Thx for the suggestion @Barbary Lion

Barbary Lion

2023-09-10T14:44:53.000Z

Phind pulls lastest docs, doesn't usually hallucinate

SingapuraOP

2023-09-10T14:45:01.000Z

I'll check it out, let me modify it with the nextjs response first

I'm not getting any errors but the views aren't updating at every refresh

risky

2023-09-10T14:48:55.000Z

where are you running the post req?

Barbary Lion

2023-09-10T14:48:58.000Z

Add console logs to see what code gets executed

In both methods

risky

2023-09-10T14:49:32.000Z

the code provided in second screenshot only shows them using get request, so im wondering where it gets incremented

Barbary Lion

2023-09-10T14:49:58.000Z

Also is redis locally hosted? You can't do that with a edge function. Try using a service that hosts a redis instance for you

SingapuraOP

2023-09-10T14:50:49.000Z

risky

2023-09-10T14:51:07.000Z

can we also pls not assume more than nessary... not all devs want to use vercel... a decent amount want to self host, where redis is good + they could be connecting to serverless redis host anyway

SingapuraOP

2023-09-10T14:51:45.000Z

Should I deploy it? I'm using upstash redis and it's showing in the dashboard that it's reading

risky

2023-09-10T14:52:30.000Z

i still don't see wher you are either calling the post req ore incremening it server side

@risky the code provided in second screenshot only shows them using get request, so im wondering where it gets incremented

SingapuraOP

2023-09-10T14:52:31.000Z

It should be showing up here

Ok so that's probably the issue that the Post request to increment the views is not called anywhere

risky