🔴 Lets build a Car Rental site with A/B TESTING using Next.js 14 (Prepr CMS, React, Personalization)

  Рет қаралды 16,630

Sonny Sangha

Sonny Sangha

Күн бұрын

👉 Get 20% OFF all Prepr paid plans today: signup.prepr.io/?...
👉 The Car Rental Demo Code: github.com/PapaReact/car-rent...
---
🚨 Join the world’s BEST developer community “Zero to Full Stack Hero” NOW: www.papareact.com/course
🔴 LOOKING FOR THE CODE FROM MY OTHER BUILDS? 🛠️
links.papareact.com/github
Join me as I show you how to build a Car Rental Site with Next.js 14. You'll learn the following in this build:
👉 How to set up and use Prepr CMS for Content Management + More!
👉 How to implement the Personalization Feature in Prepr CMS
👉 How to implement the A/B Testing Feature in Prepr CMS
👉 How to implement Middleware!
👉 How to build a fully responsive site with Tailwind CSS!
👉 How to use TypeScript to reduce the overall number of Bugs and Errors
📩 WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST?
Sign up for the PAPAFAM Newsletter here 👉 links.papareact.com/newsletter
👇🏻FOLLOW ME HERE:
Instagram: links.papareact.com/instagram
Facebook: links.papareact.com/facebook
LinkedIn: links.papareact.com/linkedin
Twitter: links.papareact.com/twitter
Discord: links.papareact.com/discord
💰 WANT TO SUPPORT THE CHANNEL?
Donate here: links.papareact.com/donate
Grab some PAPAFAM Merch: links.papareact.com/merch
🕐 TIMESTAMPS:
00:00 Introduction
00:24 Build Demo
04:45 Benefits & Outline of Prepr CMS
06:22 How to add Personalisation for each site user
11:09 How A/B Testing can help optimise your site
14:14 Initialising the Build
15:13 Setting Up Prepr CMS
18:44 Implementing Prepr CMS into our Build
20:32 Setting Up Segments in Prepr CMS (Personalization Feature)
22:50 Explaining How Tracking Works
24:50 Exploring Prepr CMS Schema in GraphQL
27:58 Explaining Middleware’s Use Case
29:43 Setting up Prepr CMS A/B Testing Feature
38:52 Advantages of Personalization & A/B Testing Features in Prepr CMS
40:35 Why Use Prepr CMS
43:46 Outro
Let’s get it PAPAFAM 🔥.
#nextjs14 #cms #reactjs #javascript

Пікірлер: 40
@airrfourr2400
@airrfourr2400 2 ай бұрын
AMAZING! looking forward to this !
@sroutfit
@sroutfit 2 ай бұрын
Another one... I love the energy and the speed of Sunny. Coding seems so easy when he explains and keeps writing codes at the same time....will join again, thanks Sunny.
@SonnySangha
@SonnySangha 2 ай бұрын
You’re welcome!!
@scorpion32
@scorpion32 Ай бұрын
This is so good, can't believe your teaching this on KZbin
@SonnySangha
@SonnySangha Ай бұрын
You’re welcome!! #PAPAFAM
@preprcms
@preprcms 2 ай бұрын
Great video Sonny! Such a clear and simple walk through of how our Headless CMS with Personalization and A/B testing works and how to set it up. Thank you!
@SonnySangha
@SonnySangha 2 ай бұрын
Prepr is awesome!!! 🔥
@joshbleijenberg4000
@joshbleijenberg4000 2 ай бұрын
This is sick!
@anjolaadewale1153
@anjolaadewale1153 2 ай бұрын
Good video, thank you sunny
@ZaarmTech
@ZaarmTech 2 ай бұрын
Love it Ike this, 1 hour video
@moviesanbu9476
@moviesanbu9476 2 ай бұрын
The man has don it again 😮
@SonnySangha
@SonnySangha 2 ай бұрын
💪🏽💯
@user-ye6gb3fp5f
@user-ye6gb3fp5f 2 ай бұрын
Great video
@TomSw
@TomSw 2 ай бұрын
Cool!!!
@jamessimon4804
@jamessimon4804 2 ай бұрын
Dope
@DigitalCreator5
@DigitalCreator5 2 ай бұрын
You are a machine 🎉
@SonnySangha
@SonnySangha 2 ай бұрын
I’m glad you enjoyed it!
@mosescodes3677
@mosescodes3677 2 ай бұрын
Lets go Sonny
@vadlamudivamsi2923
@vadlamudivamsi2923 2 ай бұрын
🔥
@nvsxngh
@nvsxngh 2 ай бұрын
Let's Go Sonny, Not even seen the demo yet but we already know this is gonna be 🔥🔥🔥
@AjaySingh-jz8qx
@AjaySingh-jz8qx 2 ай бұрын
Sonny is it ok to use pnpm as a package manager along with this tutorial??
@SonnySangha
@SonnySangha 2 ай бұрын
Yes!
@bharatsharma-iv3gi
@bharatsharma-iv3gi 2 ай бұрын
had a questoin on that, when you added from template and got all those car things included from there, where is the link for that how does cms know to load that one. i am a gold member so if someone can explain that woudl be great from sunny team. sharma
@preprcms
@preprcms 2 ай бұрын
If you can clarify what you mean by 'Know to load that one', maybe we can help.
@chahatbhatia90
@chahatbhatia90 2 ай бұрын
Waiting 🎉
@LeoMcPherson-uv5qm
@LeoMcPherson-uv5qm 2 ай бұрын
i've got a challenge, try building an i-message clone with complete features
@awais_ansarii
@awais_ansarii 2 ай бұрын
@sudhanahs
@sudhanahs 2 ай бұрын
Crm we need
@sudhanahs
@sudhanahs 2 ай бұрын
Sony pls make pos software in react pls man.
@sudhanahs
@sudhanahs 2 ай бұрын
Pls man
@sudhanahs
@sudhanahs 2 ай бұрын
Pls do ittttt
@LongJourneys
@LongJourneys 2 ай бұрын
I'm kind of to the point where I feel like react / next is total garbage.
@SonnySangha
@SonnySangha 2 ай бұрын
How… the… hell… lol - my friend it is the peak of web development right now🤌🏽
@jay_4399
@jay_4399 2 ай бұрын
Hard disagree
@samuelabidoye6642
@samuelabidoye6642 2 ай бұрын
I see where the hate his coming from 😂, React was just to hard for him to understand. But still you shouldn't speak blasphemy against our dear React❤
@AjaySingh-jz8qx
@AjaySingh-jz8qx 2 ай бұрын
The side effect of excessive leetcode and DSA 😂😂
@zatakzataks
@zatakzataks 2 ай бұрын
waiting
@liamstory9594
@liamstory9594 2 ай бұрын
Had an issue with lib/client.js, just changed the const uid to: const uid = prepr_uid && prepr_uid.value ? prepr_uid.value : "";
@deadgun0817
@deadgun0817 9 күн бұрын
Thanks mate
@felipeborges9594
@felipeborges9594 5 күн бұрын
Thanks!
NextJS Tutorial - All 12 Concepts You Need to Know
44:38
ByteGrad
Рет қаралды 213 М.
Unveiling My Secret To Charging Software Clients | Vlog #8
13:26
Sonny Sangha
Рет қаралды 8 М.
Не пей газировку у мамы в машине
00:28
Даша Боровик
Рет қаралды 8 МЛН
Маленькая и средняя фанта
00:56
Multi DO Smile Russian
Рет қаралды 3,3 МЛН
[Vowel]물고기는 물에서 살아야 해🐟🤣Fish have to live in the water #funny
00:53
NO NO NO YES! (50 MLN SUBSCRIBERS CHALLENGE!) #shorts
00:26
PANDA BOI
Рет қаралды 68 МЛН
This UI component library is mind-blowing
8:23
Beyond Fireship
Рет қаралды 537 М.
🌵 Needle Engine - Getting Started. Unity → three.js
16:07
Building a Mclaren F1 LM from scratch ( It took three years!! )
28:55
The Story of Next.js
12:13
uidotdev
Рет қаралды 529 М.
26 Incredible Use Cases for the New GPT-4o
21:58
The AI Advantage
Рет қаралды 135 М.
Why I don't use React-Query and tRPC in Next.js
18:58
ByteGrad
Рет қаралды 66 М.
INSANE OpenAI News: GPT-4o and your own AI partner
28:48
AI Search
Рет қаралды 470 М.
Не пей газировку у мамы в машине
00:28
Даша Боровик
Рет қаралды 8 МЛН