This is definitely the best tutorial I've seen in a very long time. It's extremely easy to follow and really comprehensive. I wish that you create dev content often. Thanks a bunch .
If you happen to run into the following error "Unhandled Runtime Error Error: expected ']' following expression" while following the tutorial, it's caused because of the invalid groq query. It's hard to see on the video because of Kapehe's vscode theme, but you need to use DOUBLE equal signs at the beginning of the query like so: groq`*[_type == "article"]{ And the arrow at the image part is a dash plus an greater than sign: "image": image.asset->url,
Thank you so so much! I was going crazy trying to figure our where is that missing "]". Also, next or sanity could be pointing where the syntax error is better.
Incredible comment "Unhandled Runtime Error; Error: expected ']' following expression" an hour in back with this theme, thanks for "==" man, you saved me and f*ck this theme
For anyone who is struggling with the data display bug on refresh: the only solution that I found (for now) is to hit the refresh with the cache-invalidate command (ctrl + shift + R)
@@spuknan - I resolved a similar issue in another project by adding 'export const revalidate = 60' in both the main page.tsx and the post[slug] page.tsx, just above the export default function.
@ 37:53 "I'm going to write some WISHFUL coding here..." - I think this is my new favorite phrase, as I have done this many times and never had a word for it.
As others have commented, I was also stuck at the same issue where my admin page updated data won't reflect on nextJS frontend on refresh or redeploy. Tried useCdn:false and adding { next: { revalidate: 10 } } after groq query both of which didn't worked for me. Finally after 2 hours, I think I get what was the problem. So, the issue isn't with the code if you're following the tutorial well. Whenever we update any data in admin dashboard, just clicking on publish won't publish the data. We have to refresh the admin page after we are done updating the content. After doing this, when you hit refresh on nextJS frontend page, you will hopefully get your updated content from Admin page. Hope it helps!
This needs to be a pinned comment at this point. Thank you! I think cache settings on next.js 14 need to be addressed as well to solve this error A normal user is not going to hit hard refresh 😂
@@waffletube5707 Thanks! I spent like 10 minutes trying to figure out why it wasn't 'hard refreshing' on my Opera browser with the command (rookie move, lol). I opened the link on Chrome and hard refreshed and It works there.
If anyone is getting an unknown error around 1:40:00 after adding the '(site)' and '(studio)' folders and moving all the files around, try deleting your '.next' folder and running 'npm run dev' again.
Thanks for the latest course as i was watching a video which was 2 years old and it didn't have sanity.json file and it drove me nuts for hours and it turns out that the new version has some changes.Thanks
This was such a great tutorial! I'm definitely going to use Next and Sanity for my portfolio site. This was also an intro to Tailwind for me. I wonder how you set media queries through class names.
so clear when someone is actually knowledgeable about what they doing vs just reading from a script not having a clue that a a configuration file like for schema would not end be TSX lol
Great tutorial, I have an issue though, the information from sanity studio does not seem to be updating I entered some real data instead of the first seccond and third but it's not displaying I used useCdn: false in the config object but it's still showing the same old version. I have not deployed it yet, i'm still on my localhost environment. Has anybody fixed this?
If you've already learned vanilla JavaScript and CSS, now you can enjoy learning to do the same things over again with TypeScript, the latest and greatest framework and a newer version of CSS. It never ends. I would not want to be a web developer.
if you truly understand js and css, typescript and tailwind is only a matter of googling. which is a skill you likely learnt from the start. hell most of the types needed are given to you if you use vs code just ctrl c, ctrl v
The number of ads I am seeing in this video is insane. Although it's not a complain, but just wondering if everyone is experiencing the same or just me?
Has anyone else actually tried this? I'm following this step by step but I couldn't manage to either properly embed sanity or route '/admin'. When I try to go to this route, like Kapehe did at 30:05, the page is blank and terminal running the server outputs this: "SyntaxError: Unexpected token u in JSON at position 0 at JSON.parse ()". I'm pretty sure I did everything correctly up to this point. EDIT: Solution in the first answer below!
Yep, the same error here, but try the using arrow function and export default like so: const StudioPage = () => ... export default StudioPage I think it is related to next v13.3.0
@@yaser8354 Hey, it worked! Thanks a lot, for real. I will use this in a very important project that might help me get into my university's robotics league. If I do, I'll come back here and thank you again. I'd never have guessed that this was the problem!
Hi, i am having a trouble with rendering the dataset from sanity in real time. When I create a new item, they dont render a time in the front next api, i thinks it is a problem with cache. do you have it too? please, someone can give me an insight.
At the beginning there was going to be a photo gallery. But I don't see it on the finished project. Am I missing something? How does a person make a photo gallery to be part of this project? I would like to do so. Thanks.
Tailwind question. When I installed Next.js it created a tailwind.config.ts file. When we get to the Tailwind install portion of the video at 54:35 there is no mention of the .ts file. I can't seem to find much about it. Now I have two config files for Tailwind, a .ts and a .js. How do I reconcile this?
I''m stuck at min 30. My localhost:3000/admin didn't work. Uncaught syntax error: ündefined" is not valid JSON. I follow all steps. I have both servers up and running. The only difference is that in the file sanity.config.ts I added at the end this line of code: export default config. Otherwise it gives me an error in admin/page.tsx. (Error is "module has no default export")
I've built 5 or 6 sites according to this tutorial, and it's been working splendidly...until today! Updating one of my schemas didn't take, studio didn't refresh, and now after trying to update and back out the update of Sanity, just everything is broken and the migration guide on the Sanity site for v4 to v5 is coming up 404. I am using the app router as in this tutorial. I really love Sanity but I'm just ramping up several sites and this is not fun to have to spend all day getting back to something that was working fine! Where's the migration guide!
Thank you dear Kapehe for this great tutorial. When i add something in the admin page for some reason it doesn't get fetched and showed on the screen. Have you also had such a problem?
I did everything but the frontend wasnt updating with the backend. I added use client to make it update equally in the page.tsx file. Theres an eslint error. Im at 1:10:29 i hope it fixes itself. Took me hours to get here, because of this error
I was able to see my projects from sanity however when I went to add the third project it didn't show up. I then edited my first 2 projects and those edits are not being reflected in Next. Anyone else come across this? I have no errors and have checked my config with the source code as well.
I think it's just a problem with the rehydration between the frontend and backend, simply adding a revalidation fixed the problem for me. const revalidate = 60 const query = groq`*[_type == "project] {_id, _createdAt, name, "slug": slug.current, "image": image.asset->url, url, content}` const data = await client.fetch(query, {next: {revalidate}}); return data;
@@fertavora Try putting this code at the bottom of your layout.tsx file (in the root of the site folder, not studio folder). export const revalidate = 3; Keep in mind that Next.js caches data by default; which is why when you do cmd(ctrl for windows) + shift + R you should see your new data because you did a hard reset on the browser.
I'm at 1:44. Had a terrible time trying to figure out why the Pags schema wasn't showing up. I finally figured out that page needs to be added to the sanity.config.ts. (`schema: { types: [project, page] },`). This was never relayed in the video.
Can you explain a little further why we made this "barrel file"? Before the refactor we just exported our schema from the schema file and imported it to sanity.config. After refactor we now import the schema to the index file, export that, and then import *that* to the sanity.config. But why? How does that help? Maybe it'll make more sense as I move along.
I'm getting configuration must contain projectId error when i try to load my admin dashboard from localhost:3000/admin . I trie to log my config file but it has the project ID , it also not an env issue so please can someone help
Hello, thank you very much for the video, I have a problem (1:20:00 ) when I try to enter the Slug, the following appears: Error: Unable to parse value of "$slug=undefined". Please quote string values. when adding the Quote `{slug}` in the getProject it shows me Error: Cannot read properties of null (reading 'name') please help. Thank you so much.
For me updating the studio as it happens at 49:00 does not update on the page where I'm fetching the data. I have to do a hard refresh(ctrl + shift +r) for it to update with the updated data. When I deploy to netlify, it doesn't update at all no matter what I do. Please I need some help cos I doing this for a client and I've got a deadline to meet.
First I added "use client" in all the components but will bring an error after deployment. I have been looking at Next.js Revalidation. So I think the only solution is revalidation. I will tell you if I succeed.@@jemimahkwakuyi7879
HI , Great tutorial, thanks. I am getting the following error "Since you haven't set a value for `useCdn`, we will deliver content using our global, edge-cached API-CDN. If you wish to have content delivered faster, set `useCdn: false` to use the Live API. Note: You may incur higher costs using the live API." when navigating to the project page. How to remove this?
I've seen some tuts suggest using defining environment variables for our sanity project id, dataset and api version, but this one does not. Why is that? Is it more prevalent when using Pages router or depending on the project?
Hello @Kapehe. I am working on integrating sanity into my app but on the dynamic routing, I am still getting route/[object object] Has there been any changes since you published this vid? Thanks you and thanks for the great content. EDIT:: To answer my own question, I had to add .current to the end of the slug url /${post.slug.current}
How come you have to define type slug = string when creating [slug]/page.tsx when you had already defined that within types/Page.ts and call it in the getPage function within the sanity-utils.ts file?
Great course but i have a question how do i deploy it to firebase? when i go to the dynamic pages it redirects me to the home page? is there somthing i have to do?!
Hi there! this tut is amazing. There's one thing bothering me, every time a create a new project on sanity the change does not reflect on the vercel side only on my localhost. Is anyone having this problem?
Not sure if you found the solution already but if you are generating static pages with nextjs/vercel you need to connect Sanity webhook to the Vercel deployment, so every time you change your content it will trigger a new build in Vercel.
@@AlexSilva-ye2lp Sorry, I'm trying to reply but my detailed comment is getting deleted for some reason. The webhooks configurations are done on Sanity and Vercel websites, not in code
To anyone stuck on 30:00 just check the comments and you find out the solution which has to do with making StudioPage an arrow function. I almost gave up on sanity😅
I am trying to get from the login (3333 host) screen to the Manage Sanityio DashBoard. I can't figure out how to get the pop-up screen where we search for if. Right click doesn't work and the video just has it appear. How do I do that?
![Vue.js Course for Beginners [2021 Tutorial]](http://i.ytimg.com/vi/FXpIoQ_rT_c/mqdefault.jpg)
Thank you everyone for checking out my tutorial! It really means a lot to me. And I'm super excited to see all your personal websites!! ❤Happy coding!
Thank you for sharing your knowledge with us!
And looks like Jason got you using Arc browser 😂
Awesome, thank you!
Do you have your own channel on yt or only twitter?)
@@rrahll yt
Wow, the useful VS Studio keyboard shortcuts alone make this tutorial worth watching! Thanks Kapehe!
Much needed course as new app directory is introduced ❤️
This is definitely the best tutorial I've seen in a very long time. It's extremely easy to follow and really comprehensive. I wish that you create dev content often. Thanks a bunch .
Kaphe been following her since couple of years great teacher
thanks! that means a lot! 🤙
This is a phenomenal tutorial Kapehe! Accessible, comprehensive and fun. Thank you so much!
If you happen to run into the following error "Unhandled Runtime Error Error: expected ']' following expression" while following the tutorial, it's caused because of the invalid groq query.
It's hard to see on the video because of Kapehe's vscode theme, but you need to use DOUBLE equal signs at the beginning of the query like so: groq`*[_type == "article"]{
And the arrow at the image part is a dash plus an greater than sign: "image": image.asset->url,
omg, this drove me crazy! Thank you !1
thanks
Thank you so so much! I was going crazy trying to figure our where is that missing "]". Also, next or sanity could be pointing where the syntax error is better.
thanks fancy, that error was driving me crazy!!
Thank you @fancybaguette, I was gonna through my laptop out of the window, because of this error.
Very simple yet very rich tutorial. I learned a lot of new things. And I like the way you talk. I wish I could talk like that. Thank you Kapehe!
Please use the standard VS Code theme, it took me over an hour because of = (==) 43:25 and → (->) 44:23
=> or →, I'm guessing => 🥲
I thought you meant -> but the problem was also == not =
😥
Incredible comment "Unhandled Runtime Error; Error: expected ']' following expression" an hour in back with this theme, thanks for "==" man, you saved me and f*ck this theme
broooooooooooooooooooooooo, thank you!
@@flor.7797 Gracias, no conocia ese theme, me salvaste
For anyone who is struggling with the data display bug on refresh: the only solution that I found (for now) is to hit the refresh with the cache-invalidate command (ctrl + shift + R)
Thank you - using the 'Hard Refresh' works!!
To be clear, use in the browser. For MacOS use CMD + Shift + R
Is there any solution for this to avoid doing hard refresh?
@@spuknan - I resolved a similar issue in another project by adding 'export const revalidate = 60' in both the main page.tsx and the post[slug] page.tsx, just above the export default function.
Amazing video! I am using Next and Sanity for years and this is a great recap of the new important stuff. Thanks! 👋
@ 37:53 "I'm going to write some WISHFUL coding here..." - I think this is my new favorite phrase, as I have done this many times and never had a word for it.
As others have commented, I was also stuck at the same issue where my admin page updated data won't reflect on nextJS frontend on refresh or redeploy. Tried useCdn:false and adding { next: { revalidate: 10 } } after groq query both of which didn't worked for me. Finally after 2 hours, I think I get what was the problem. So, the issue isn't with the code if you're following the tutorial well. Whenever we update any data in admin dashboard, just clicking on publish won't publish the data. We have to refresh the admin page after we are done updating the content. After doing this, when you hit refresh on nextJS frontend page, you will hopefully get your updated content from Admin page. Hope it helps!
As someone else suggested, using a hard refresh in the browser works. Kap just uses CMD + R, but CMD + Shift + R (on MacOS) worked for me.
This needs to be a pinned comment at this point. Thank you!
I think cache settings on next.js 14 need to be addressed as well to solve this error
A normal user is not going to hit hard refresh 😂
@@waffletube5707 Thanks! I spent like 10 minutes trying to figure out why it wasn't 'hard refreshing' on my Opera browser with the command (rookie move, lol). I opened the link on Chrome and hard refreshed and It works there.
Thank you so much Kapehe and freecodecamp for this! Wonderful tutorial!
This actually looks something like i might pull off
Me everytime freecodecamp uploads
Nice!!
If anyone is getting an unknown error around 1:40:00 after adding the '(site)' and '(studio)' folders and moving all the files around, try deleting your '.next' folder and running 'npm run dev' again.
My files are not transferring at all 😮💨
Works! Thanks
Bravo Kapehee, super useful, more of these, MC and Happy New Year! :)
Im not sure, ive ever commented on TH-cam but Kap, you are the best 🎉🎉🎉🎉
Ugghhh didn't want to use the app directory yet, but looks amazing! Thanks for making this available!
Love from india ❤best free resource for coders in the world...Thnks free code camp....
Thank you so much!!! Super clear explanation and very nice voice!
You are a great Presenter Kapehe! Thank You!
Thank you. Great insight into how sanity works.
Thanks for the latest course as i was watching a video which was 2 years old and it didn't have sanity.json file and it drove me nuts for hours and it turns out that the new version has some changes.Thanks
Great tutorial, thank you Kapehe!
This was such a great tutorial! I'm definitely going to use Next and Sanity for my portfolio site.
This was also an intro to Tailwind for me. I wonder how you set media queries through class names.
thank you Kapehe. learned a lot
so clear when someone is actually knowledgeable about what they doing vs just reading from a script not having a clue that a a configuration file like for schema would not end be TSX lol
Very helpful. Thanks Kapehe.
Great tutorial, I have an issue though, the information from sanity studio does not seem to be updating I entered some real data instead of the first seccond and third but it's not displaying I used useCdn: false in the config object but it's still showing the same old version.
I have not deployed it yet, i'm still on my localhost environment. Has anybody fixed this?
I have the same issue here and I couldn't fixed it yet
That free aditional festures 🙌🙌🙌
Thank you very much for this video.!!!!
Thanks, pretty useful to learn Next.js 13
Thank you very much for this content, I`ve love this video. It help me a lot!
If you've already learned vanilla JavaScript and CSS, now you can enjoy learning to do the same things over again with TypeScript, the latest and greatest framework and a newer version of CSS. It never ends. I would not want to be a web developer.
agreed
It's getting ridiculous
if you truly understand js and css, typescript and tailwind is only a matter of googling. which is a skill you likely learnt from the start. hell most of the types needed are given to you if you use vs code just ctrl c, ctrl v
@@c1re-x9h So you just have a never-ending task of Googling newer ways to do things that you can already do instead of actually being creative..
you wouldn't want to be any developer at all if you don't like constant learning... ;)
Thank you for a great lesson!
Thanks for watching!
Thanks for the tutorial. 🙏🏻
Thanks, that's really cool stuff.
The number of ads I am seeing in this video is insane. Although it's not a complain, but just wondering if everyone is experiencing the same or just me?
Thank you so much, you save my life!
Has anyone else actually tried this? I'm following this step by step but I couldn't manage to either properly embed sanity or route '/admin'. When I try to go to this route, like Kapehe did at 30:05, the page is blank and terminal running the server outputs this: "SyntaxError: Unexpected token u in JSON at position 0 at JSON.parse ()". I'm pretty sure I did everything correctly up to this point.
EDIT: Solution in the first answer below!
Yep, the same error here, but try the using arrow function and export default like so:
const StudioPage = () => ...
export default StudioPage
I think it is related to next v13.3.0
@@yaser8354 Hmm, weird. Did using the arrow function help you solve it? I'll try this tomorrow and see if it works, thanks for the help!
@@yaser8354 worked for me. thanks so much! '💖
@@iamnimish Great! 🌟
@@yaser8354 Hey, it worked! Thanks a lot, for real. I will use this in a very important project that might help me get into my university's robotics league. If I do, I'll come back here and thank you again. I'd never have guessed that this was the problem!
sanity is interesting...thanks for this FCC
Yayyy. Done and dusted!
This is how must be real tutorial. Thank you for acting like real teacger🎉
Thank you, Kapehe. Very clear and easy tutorial. I was able to build out my own portfolio and modify as needed. Also good to learn some Tailwind.
Hi, i am having a trouble with rendering the dataset from sanity in real time. When I create a new item, they dont render a time in the front next api, i thinks it is a problem with cache. do you have it too? please, someone can give me an insight.
I've used VS Code for 5 years and never knew that "Collapse Folders in Explorer" toggle existed 🤯
Great job! Your account is an excellent resource for anyone looking to learn about [programming ]. 🤩
Error: Cannot read properties of null (reading 'name') return {project.name}; how to fix this?
I'm stuck at 1:19:50. after refreshing the page I'm get this error
why my updates are not showing on next js while i am updating form the studio
Genial, muchas gracias por este valioso contenido
Thank you this is awesome!
At the beginning there was going to be a photo gallery. But I don't see it on the finished project. Am I missing something? How does a person make a photo gallery to be part of this project? I would like to do so. Thanks.
Tailwind question. When I installed Next.js it created a tailwind.config.ts file. When we get to the Tailwind install portion of the video at 54:35 there is no mention of the .ts file. I can't seem to find much about it. Now I have two config files for Tailwind, a .ts and a .js. How do I reconcile this?
FYI replace deskTool() with structureTool() 👍
I was in dire need of this. Thanks #freecodecamp
Nice, thanks a lot
I''m stuck at min 30. My localhost:3000/admin didn't work. Uncaught syntax error: ündefined" is not valid JSON. I follow all steps. I have both servers up and running. The only difference is that in the file sanity.config.ts I added at the end this line of code: export default config. Otherwise it gives me an error in admin/page.tsx. (Error is "module has no default export")
Same issue here màn, so weird and annoying these frameworks.
you ever figure it out?
great tutorial
I've built 5 or 6 sites according to this tutorial, and it's been working splendidly...until today! Updating one of my schemas didn't take, studio didn't refresh, and now after trying to update and back out the update of Sanity, just everything is broken and the migration guide on the Sanity site for v4 to v5 is coming up 404. I am using the app router as in this tutorial.
I really love Sanity but I'm just ramping up several sites and this is not fun to have to spend all day getting back to something that was working fine! Where's the migration guide!
Thank you dear Kapehe for this great tutorial. When i add something in the admin page for some reason it doesn't get fetched and showed on the screen. Have you also had such a problem?
I'm facing the same problem
hard refresh your home page in your browser (cmd + shift + R on macos)
@@tonywest9146 hard refresh your home page in your browser (cmd + shift + R on macos)
I did everything but the frontend wasnt updating with the backend. I added use client to make it update equally in the page.tsx file. Theres an eslint error. Im at 1:10:29 i hope it fixes itself. Took me hours to get here, because of this error
Greetings! 🎉
I was able to see my projects from sanity however when I went to add the third project it didn't show up. I then edited my first 2 projects and those edits are not being reflected in Next. Anyone else come across this? I have no errors and have checked my config with the source code as well.
I think it's just a problem with the rehydration between the frontend and backend, simply adding a revalidation fixed the problem for me.
const revalidate = 60
const query = groq`*[_type == "project] {_id, _createdAt, name, "slug": slug.current, "image": image.asset->url, url, content}`
const data = await client.fetch(query, {next: {revalidate}});
return data;
@@padukes I tried this but did not help... 😔
@@fertavora Try putting this code at the bottom of your layout.tsx file (in the root of the site folder, not studio folder).
export const revalidate = 3;
Keep in mind that Next.js caches data by default; which is why when you do cmd(ctrl for windows) + shift + R you should see your new data because you did a hard reset on the browser.
I'm at 1:44. Had a terrible time trying to figure out why the Pags schema wasn't showing up. I finally figured out that page needs to be added to the sanity.config.ts. (`schema: { types: [project, page] },`).
This was never relayed in the video.
thanks
Great video. Thank you. Also please don't surround text with divs.
49:15 doesn't get updated data in NextJs frontend even though i changed and updated through Sanity desk many times, Please help anyone??
I'm also getting this error. Have you gotten any luck?
@@jemimahkwakuyi7879 Unfortunently, Not yet. However when i try with page router or whenever i make client component, It works
you are fun ! 😍
It was fun. 😁😁
Can you explain a little further why we made this "barrel file"? Before the refactor we just exported our schema from the schema file and imported it to sanity.config. After refactor we now import the schema to the index file, export that, and then import *that* to the sanity.config. But why? How does that help? Maybe it'll make more sense as I move along.
Fantastic video, learnt so much from it. What's your setup to record these sessions? In particular the tool to change tab in browser?
Stuck at 48:00 getting this error on the dev server Unhandled Runtime Error
Error: unexpected binary operator "=>"
I'm getting configuration must contain projectId error when i try to load my admin dashboard from localhost:3000/admin . I trie to log my config file but it has the project ID , it also not an env issue so please can someone help
Would this work for being my developer portfolio showcase? or for a small e commerce site?
Needed that
Hello, thank you very much for the video, I have a problem (1:20:00 ) when I try to enter the Slug, the following appears: Error: Unable to parse value of "$slug=undefined". Please quote string values.
when adding the Quote `{slug}` in the getProject it shows me Error: Cannot read properties of null (reading 'name')
please help.
Thank you so much.
30:32 can anyone help me ? im having a white screen and no sanity login button or elements
Great video.. Any suggestions on managing datasets with this setup? Trying to have a sandbox/live env of the cms.
For me updating the studio as it happens at 49:00 does not update on the page where I'm fetching the data. I have to do a hard refresh(ctrl + shift +r) for it to update with the updated data. When I deploy to netlify, it doesn't update at all no matter what I do. Please I need some help cos I doing this for a client and I've got a deadline to meet.
Hi, I'm having the same issue it is frustrating because I need to learn sanity with Next. Please hit me up if you have solution !
Hello Kapehe ! what would it if i make private sanity project rather than public? where should it mention ?
Anyone tell me why the localhost is refusing to update the content on the front end after publishing.
I'm also getting this error? Have you solved this??
First I added "use client" in all the components but will bring an error after deployment. I have been looking at Next.js Revalidation. So I think the only solution is revalidation. I will tell you if I succeed.@@jemimahkwakuyi7879
what is the vscode theme and browser?
I have a project.name display problem at 1:20:00 . I don't see any result? Any advice?
(1:13:09) I am following along; when I create a project, my UI doesn't update as expected unless I update the anything in the VS code. Any idea?
HI , Great tutorial, thanks. I am getting the following error "Since you haven't set a value for `useCdn`, we will deliver content using our global, edge-cached API-CDN. If you wish to have content delivered faster, set `useCdn: false` to use the Live API. Note: You may incur higher costs using the live API." when navigating to the project page. How to remove this?
did you fix it ?
@@imadmoujahid3431 Add property `useCdn: false` on the createClient method pacced object.
Thanks!
Is that an extension she is using that prompts the green light bulb and it imports the file/object/package needed?
I've seen some tuts suggest using defining environment variables for our sanity project id, dataset and api version, but this one does not. Why is that? Is it more prevalent when using Pages router or depending on the project?
Really love this video! I'm curious, what font are you using in your VS Code?
Operator Mono!
i would really like to know
Hello @Kapehe. I am working on integrating sanity into my app but on the dynamic routing, I am still getting route/[object object] Has there been any changes since you published this vid? Thanks you and thanks for the great content.
EDIT:: To answer my own question, I had to add .current to the end of the slug url /${post.slug.current}
Were you able to resolve the issue?
Why don't you use defineType or defineField when writing the schemas? I know they're optional, but they seem helpful. Thanks
How come you have to define type slug = string when creating [slug]/page.tsx when you had already defined that within types/Page.ts and call it in the getPage function within the sanity-utils.ts file?
Great course but i have a question how do i deploy it to firebase? when i go to the dynamic pages it redirects me to the home page? is there somthing i have to do?!
Hi there! this tut is amazing. There's one thing bothering me, every time a create a new project on sanity the change does not reflect on the vercel side only on my localhost. Is anyone having this problem?
Not sure if you found the solution already but if you are generating static pages with nextjs/vercel you need to connect Sanity webhook to the Vercel deployment, so every time you change your content it will trigger a new build in Vercel.
@@CaioSalvador Thank Caio. I found the solution!
@@CaioSalvador I did not undertand really well, did I have to use nextAPI for use this webhook ?
@@AlexSilva-ye2lp Sorry, I'm trying to reply but my detailed comment is getting deleted for some reason. The webhooks configurations are done on Sanity and Vercel websites, not in code
I solved the problem using the revalidate in the page.tsx. export const revalidate = 60; //revalidate the page after 60 seconds
To anyone stuck on 30:00 just check the comments and you find out the solution which has to do with making StudioPage an arrow function. I almost gave up on sanity😅
can I see a code please, still can figure it out with arrow function
@@alexanaderemeka3954 try using arrow function and export default like so:
const StudioPage = () => ...
export default StudioPage
why we have created schema in the next-app, why not in the sanity-studio repo ?
So the project ID doesn't need be kept hidden under an env file?
I am trying to get from the login (3333 host) screen to the Manage Sanityio DashBoard. I can't figure out how to get the pop-up screen where we search for if. Right click doesn't work and the video just has it appear. How do I do that?
Thanks you!,
So how can I add sitemap with this structure? Thanks you very mucn
How to add a login page and database connection