ivandoric/making-websites-with-next.js-and-strapi

This is a repository for video tutorial series about Making Websites With Next.js and Strapi. You can check out the series here:

It is a repository for "Making Websites With Next.js And Strapi" Tutorial-Series. You can check out the series here.

You can go to releases to download the code for most of the videos in the series. Releases are made per episode.

making-websites-with-next.js-and-strapi's Issues

FetchError: invalid json response body at http://localhost:3000/polls reason: Unexpected token < in JSON at position 0

I've never been great with parsing JSON, but it seems that both res.json(); and JSON.parse(res); don't seem to be working.

Edit: wrong port for the API_URL, my apologies!

undefined data fetch

how to fixed them?

Getting Data But not displaying Data on Page

Hi,

Here is the link to my Repo.

Just want to say thanks so much for your videos on this!
So in my project, I've been able to get the Data from Strapi cause I can see it as JSON in my console.

However following your steps exactly, I just cannot display the data on my index.js home page.

So I searched high and low on how to get the Data to show. and in Card.js was able to show the title from my Strapi entries and I was able to display the title only.

Here are the labels. The news post API name is newsposts.

Now recently Ive been getting this error:

I hope you can help as I dont know where to turn to for help.

Im just trying to be able to display the title and image in the card.js which displays on the index page.

Digital Ocean Litespeed Error

Hi,

I'm having an issue with getting litespeed to work.

As you can see, i've allowed the ports as per your instructions, however I cannot access the litespeed password.

Then, when I go to the ip in the browser, the page works until I enter in '7080' port. Then it gives me this error and wont let me proceed.

Any thoughts?

Infinite Scrolling

Hello!

How can you set the limit for the amount of posts you want to fetch if the API is not yours and does not have the ?_limit option?

Thank you!

Deploy on custom server

Hello Ivan!!!

Thanks for your great series. I have learned a lot with your videos.

I enjoy your Next.js and strapi series, but one question for your further episodes. What I still not understand is, how to deploy next or nuxt apps on a custom server, like 1and1. I only find tutorials for deployment on netlify etc. WIll you cover this topic in your episodes?

Thank you in advance!!!
Gerald @MateThemes

TypeError: Only absolute URLs are supported

Hi I git clone the master branch and do yarn to install node modules.
When I do yarn dev I have the following error:

The console output:

index.js:247 Uncaught     at getNodeRequestOptions (file:///home/tingkai/nextjs_app/Making-Websites-With-Next.js-And-Strapi/node_modules/next/dist/compiled/node-fetch/index.js:1:145647)
    at <unknown> (file:///home/tingkai/nextjs_app/Making-Websites-With-Next.js-And-Strapi/node_modules/next/dist/compiled/node-fetch/index.js:1:147021)
    at new Promise (<anonymous>)
    at fetch (file:///home/tingkai/nextjs_app/Making-Websites-With-Next.js-And-Strapi/node_modules/next/dist/compiled/node-fetch/index.js:1:146956)
    at Function.module.exports../pages/_app.js.MyApp.getInitialProps (file:///home/tingkai/nextjs_app/Making-Websites-With-Next.js-And-Strapi/.next/server/pages/_app.js:2929:78)
    at loadGetInitialProps (file:///home/tingkai/nextjs_app/Making-Websites-With-Next.js-And-Strapi/node_modules/next/dist/next-server/lib/utils.js:5:101)
    at renderToHTML (file:///home/tingkai/nextjs_app/Making-Websites-With-Next.js-And-Strapi/node_modules/next/dist/next-server/server/render.js:22:1221)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)
    at async (file:///home/tingkai/nextjs_app/Making-Websites-With-Next.js-And-Strapi/node_modules/next/dist/next-server/server/next-server.js:76:329)
    at async (file:///home/tingkai/nextjs_app/Making-Websites-With-Next.js-And-Strapi/node_modules/next/dist/next-server/server/next-server.js:75:142)

Do you have any thoughts on what could be wrong?
Thanks!

Other info

OS: WSL2 Ubuntu 20.04 LTS
node: v14.5.0

'SQLITE_READONLY: attempt to write a readonly database' when I try to edit or add something In Strapi Admin

This error only shows up in "production" mode. Meaning, after this command - 'NODE_ENV=production npm run build'
And because of it, I can't edit or add new "projects" (or "movies" like in tutorial)
If I run Strapi in "develop" mode, this issue goes away.

Is it fixable? Would appreciate any help