Build and Deploy a Full Stack Blog NextJs + Sanity.io | JavaScript, React

🪆 Russian YouTube: @webelart

Links:

00:00 Intro.
04:22 Setup NextJs project
13:10 Start with create schema Post
16:00 Copy start project
18:00 Schema for Post: string, text, slug, image, date, block + image
28:19 Validation.
31:00 Publish post
31:50 Groups in schemas
34:10 Create more posts
38:40 Prepare client project: copy components, styles and etc.
42:10 Upload posts and connect with Sanity using getServerSideProps
46:00 sanityClient + imageUrlBuilder
51:10 GROQ language
56:50 Create layouts — cover
58:20 Fill all components with basic information + snippet rafce
01:06:15 Work with section cover: Section, Cover, SocialNetworks, BuyMeCoffee + ScreenEgg
01:16:50 Prepare post layout: Title, PostGrid, Post + Button
01:29:40 Pagination
01:40:25 Create layout for opened post.
01:43:50 getStaticPaths + getStaticProps
01:50:00 Continue layout for opened post: date-fns, sanity block content to react.
01:57:50 meta titles in NextJs (Head).
01:59:35 push to Github + Deploy on Vercel

[imakethesites]

Thanks so much, this is a lot better than the blog sanity produced to make a next/sanity blog!

[imakethesites]

For anyone who is stuck at the deployment because "title is undefined on [slug]", it might be if you're using getStaticPaths and fallback: true, but haven't set values to show when you run build. I changed true to 'blocking' and the build finally worked.

[adnanamin]

What I loved the most is how you incorporate docs to teach. It really shows how to read docs and incorporate them in the project. Keep up the good work and good luck.

Awesome. Inspired. Happy.

[emmanuelomonzebaguan]

What an excellent way of teaching, make refrerrance to documentation that was superb, Kudos

[MotivateSphereOfficials]

Thanks sweetHeart ❤❤❤
this is a very helpful lesson

[KozaKrisz]

Thank you Elena! It was very inspiring and informative!

[sophieroche]

Hi Elena! Loved your tutorial (also love to watch women teach code ❤). I was just wondering, what about sanity for deployment? Is it already hosted as soon as you create a project with them?

[aselemidivine]

Thanks so much for this video, it's so engaging and educating.

[dvkerns]

Thanks for making this. Is this based on the latest version of Sanity Studio? I know they recently pushed a big update.

[ToadyEN]

Great video :) very informative

Also; peace to the people of Ukraine and Russia

[romanmed]

You livecoding is well. i understand it speaking (listening).

[josecardons]

once it´s deployed you can create new posts?

[최종환-hc]

amazing! if I follow it well, seo things will work well?

[dr.margulis]

Awesome tutorial. 👍👍👍
Many thanks, dear Helena. 👏

[josecardons]

how can I delete posts? from sanity panel

[neelpatel]

can i use react js instead of nextjs in this tutorial, that will work right ?

[aaliraza]

hi can you make a video on navigation schema in sanity with drop-down menu thankyou

[khaliqqureshi]

How are you waiting for my Janjab to Do? Allah Hafiz will be online after a month. To all of you friends and public of Anssa No Fakbok all over the world. May Allah bless you all. Amen. Zindabad Forum Abdul Khaliq Qureshi Government Service

[saikrishnamuntha]

Hi Elena do tutorial on Nextjs + Typescript + Redux toolkit on crud application