FetchError: request failed

Question

I have a bug, i'm trying to make his tutorial for twitter clone in nextjs+tailwindcss+typescript

https://www.youtube.com/watch?v=rCselwxbUgA&t=1357s&ab_channel=SonnySangha 1:42:05 / 3:17:52

I did exactly the same but i feel like my IDE or my nextJS version is making things different

import { Tweet } from "../typings"

export const fetchTweets = async () => {
    const res = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/api/getTweets/`)
    const data = await res.json();
    const tweets: Tweet[] = data.tweets;
    return tweets
}

FetchError: request to https://localhost:3000/api/getTweets/ failed, reason: write EPROTO 140020696905664:error:1408F10B:SSL routines:ssl3_get_record:wrong version number:../deps/openssl/openssl/ssl/record/ssl3_record.c:332:

This error happened while generating the page. Any console logs >will be displayed in the terminal window.

import { Tweet } from "../typings"  
  
export const fetchTweets = async () => {  
      
    if(global.window) {  
        const res = await 
        fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/api/getTweets/`)  
        const data = await res.json();  
        const tweets: Tweet[] = data.tweets;  
        return tweets  
    }  
      
}

Server Error Error: Error serializing .tweets returned from getServerSideProps in "/". Reason: undefined cannot be serialized as JSON. Please use null or omit this value.

If someone can help me <3 thanks

Seems like your API endpoints aren't returning what you think they are. May want to check your URLs and their responses. — jnpdx, Jul 10 '22 at 22:34
const res = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/api/getTweets/`) is the same as — SashaBRRRR, Jul 10 '22 at 22:36
const res = await fetch(`http://localhost:3000/api/getTweets/`) — SashaBRRRR, Jul 10 '22 at 22:37
No one can check what your localhost is returning -- that's up to you to do. — jnpdx, Jul 10 '22 at 22:37
but the last one work i just wanna understand why it doesnt respond right with `${process.env.NEXT_PUBLIC_BASE_URL}/api/getTweets/` it seems the same — SashaBRRRR, Jul 10 '22 at 22:38
You don't have a scheme (like `http`) in `NEXT_PUBLIC_BASE_URL`. So, they aren't the same. — jnpdx, Jul 10 '22 at 22:39

score 1 · Answer 1 · answered Jul 10 '22 at 22:56

1

FIXED :

.env.local

i writed

NEXT_PUBLIC_BASE_URL=https://localhost:3000/

change https:// by http:// and yarn run dev again


NEXT_PUBLIC_BASE_URL=http://localhost:3000/

answered Jul 10 '22 at 22:56

SashaBRRRR

21
4

FetchError: request failed

1 Answers1