Next.js + Contentful minimal setup from scratch

  Рет қаралды 9,179

Swashbuckling with Code

Swashbuckling with Code

Күн бұрын

Пікірлер: 31
@jamesbruner6834
@jamesbruner6834 2 жыл бұрын
Jimmy dropped a video?! Let's go!
@tamuahmed5303
@tamuahmed5303 2 жыл бұрын
I would love to see more videos from you. Your content quality is too good.
@SwashbucklingwithCode
@SwashbucklingwithCode 2 жыл бұрын
Thank you, that means a lot to me. I will keep trying.
@Drift_with_Lina
@Drift_with_Lina Жыл бұрын
Very thorough walkthrough. Thank you for jump starting us into Next.js and Contentful,
@SwashbucklingwithCode
@SwashbucklingwithCode Жыл бұрын
My pleasure.
@marlenesco
@marlenesco 2 жыл бұрын
Welcome back mate
@SwashbucklingwithCode
@SwashbucklingwithCode 2 жыл бұрын
Thank you.
@r-games-official
@r-games-official 2 жыл бұрын
The video was extremly helpful and interesting to watch! Keep up the good work. Great video quality!
@SwashbucklingwithCode
@SwashbucklingwithCode 2 жыл бұрын
Thank you, I'm glad it could be of use.
@kevindoring2008
@kevindoring2008 2 жыл бұрын
If someone asks me about webpack or github actions, i always recommend your channel. I think i can do the same for future CMS advice? I love your intro Jimmy! Your theme and the sounds are exceptionally appealing to me. 🎶 It fits your character so well. Please keep up the contentful educational stream and please invite your ferret into your show from time to time!
@SwashbucklingwithCode
@SwashbucklingwithCode 2 жыл бұрын
I greatly appreciate the high praise. I am hoping to do some future CMS videos as time affords. I spent A LOT of time coming up with the intro originally, and not many mention it so thank you for doing so. I had to learn Afterworks to animate it, haha. Sadly, my ferret passed away at the end of last year, which was a big part of why I haven't been doing as many videos lately. Thank you for asking about her, and thanks again for the kind words.
@joelhobenu7460
@joelhobenu7460 2 жыл бұрын
oh my man Jimmy!! Where have you been? Was worried sick. Good to have you back though. Awesome content as usual.
@SwashbucklingwithCode
@SwashbucklingwithCode 2 жыл бұрын
I know, it's been quite awhile. Thank you for the warm welcome. We'll try to get this show startup up again on a more regular cadence.
@joelhobenu7460
@joelhobenu7460 2 жыл бұрын
@@SwashbucklingwithCode awesome!!!
@Dan-p7f
@Dan-p7f 2 жыл бұрын
Thank you for content!
@SwashbucklingwithCode
@SwashbucklingwithCode 2 жыл бұрын
Thanks for watching.
@eyupucmaz
@eyupucmaz 2 жыл бұрын
Thank you for good content!
@InverserPro
@InverserPro 2 жыл бұрын
Thanks u, bro!
@SwashbucklingwithCode
@SwashbucklingwithCode 2 жыл бұрын
Yup!
@riteshkashyap14887
@riteshkashyap14887 2 жыл бұрын
Thanks for Video!
@rafaelventura9819
@rafaelventura9819 Жыл бұрын
Gracias amigo. Fue de gran ayuda !!!
@neeleshroy4467
@neeleshroy4467 2 жыл бұрын
What’s that editor font? It looks sick!
@SwashbucklingwithCode
@SwashbucklingwithCode 2 жыл бұрын
It is Cartograph Mono CF. I think I did actually have to pay for this one but I can't recall now.
@mnpalazzo
@mnpalazzo 2 жыл бұрын
One issue I've struggled to find a solution for with Contentful is creating a parent-child relationship with pages. Or a site tree that goes deeper than one level. For example, if i have a Page content type, and i use it to create /about page, how can I then create a child page under that one, so it would be /about/new-page. Or maybe even a third level down? Any help or resources on this? I feel like site trees are fairly common for web creation
@SwashbucklingwithCode
@SwashbucklingwithCode 2 жыл бұрын
I don't know of a resource without some searching, but how I've accomplished this is to either have a type field for categories, or just split the slug string on `/` when building out pages. The relationship in Contentful of a parent to a child, as you put it, doesn't really matter for the purposes of creating those pages. Any content they share can be referenced when building them individually. Say that all pages under `products` have the same hero section (or sidebar or whatever). You would just relink to that same content entry in every page, so when you change it in the original it changes all of them. Then, in your build system of choice, you can either use the slug (and split on `/`) to figure it out, or use a `type` parameter when querying for those pages. Hope that explanation tracks.
@mnpalazzo
@mnpalazzo 2 жыл бұрын
Sounds good. Yep the split of the slug string makes sense and that will be my solution for now. It clears everything on the frontend for sure. Just from an admin UI stand point i kinda wish there was a site map view where i could see my page structures But thank you very much for the advice for the slug, I'll be using that
@9gager87
@9gager87 2 жыл бұрын
Nice haircut!
@SwashbucklingwithCode
@SwashbucklingwithCode 2 жыл бұрын
Thanks, it's actually gettin a bit long again so I need another.
@VoyceAtlas
@VoyceAtlas 2 жыл бұрын
the highs in ur voice is a little harsh... just FYI... up the mids or take down the highs.
@SwashbucklingwithCode
@SwashbucklingwithCode 2 жыл бұрын
Thank you for the feedback. I've been trying to mitigate that without much success but this lets me know it isn't just me hearing it and I'll put more time in.
@hymiemary9204
@hymiemary9204 2 жыл бұрын
?яⓞ??Ş? ?
Next.js + Contentful Dynamic Routes
35:31
Swashbuckling with Code
Рет қаралды 5 М.
Next.js + Contentful Preview Mode setup walkthrough
47:26
Swashbuckling with Code
Рет қаралды 6 М.
Who's spending her birthday with Harley Quinn on halloween?#Harley Quinn #joker
01:00
Harley Quinn with the Joker
Рет қаралды 27 МЛН
ТЫ В ДЕТСТВЕ КОГДА ВЫПАЛ ЗУБ😂#shorts
00:59
BATEK_OFFICIAL
Рет қаралды 4,1 МЛН
Увеличили моцареллу для @Lorenzo.bagnati
00:48
Кушать Хочу
Рет қаралды 8 МЛН
小路飞还不知道他把路飞给擦没有了 #路飞#海贼王
00:32
路飞与唐舞桐
Рет қаралды 83 МЛН
NEXT.JS 13 + STRAPI: Your OWN CMS from SCRATCH!
1:09:52
midulive
Рет қаралды 75 М.
Creating A Dev Environment Using ContentFul
18:04
jondjones
Рет қаралды 2,4 М.
WTF Do These Even Mean
13:44
Web Dev Simplified
Рет қаралды 94 М.
Learn NextJS's Superpower ISR in 15 Minutes
15:35
Josh tried coding
Рет қаралды 43 М.
Webpack 5 Full Project Setup
1:59:00
Swashbuckling with Code
Рет қаралды 97 М.
Client-Side VS Server-Side Rendering - Data Fetching with Next.js
13:20
freeCodeCamp Talks
Рет қаралды 184 М.
Getting started with Contentful and Next.js tutorial
13:10
Contentful
Рет қаралды 12 М.
Who's spending her birthday with Harley Quinn on halloween?#Harley Quinn #joker
01:00
Harley Quinn with the Joker
Рет қаралды 27 МЛН