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

Поделиться
HTML-код
  • Опубликовано: 7 июн 2024
  • 👉 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

Комментарии • 41

  • @sroutfit
    @sroutfit 3 месяца назад +3

    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.

  • @airrfourr2400
    @airrfourr2400 3 месяца назад +1

    AMAZING! looking forward to this !

  • @preprcms
    @preprcms 2 месяца назад +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 месяца назад +2

      Prepr is awesome!!! 🔥

  • @anjolaadewale1153
    @anjolaadewale1153 3 месяца назад +1

    Good video, thank you sunny

  • @scorpion32
    @scorpion32 Месяц назад

    This is so good, can't believe your teaching this on RUclips

  • @ZaarmTech
    @ZaarmTech 3 месяца назад

    Love it Ike this, 1 hour video

  • @joshbleijenberg4000
    @joshbleijenberg4000 3 месяца назад +1

    This is sick!

  • @moviesanbu9476
    @moviesanbu9476 3 месяца назад +2

    The man has don it again 😮

  • @user-ye6gb3fp5f
    @user-ye6gb3fp5f 2 месяца назад

    Great video

  • @DigitalCreator5
    @DigitalCreator5 2 месяца назад +1

    You are a machine 🎉

    • @SonnySangha
      @SonnySangha  2 месяца назад

      I’m glad you enjoyed it!

  • @nvsxngh
    @nvsxngh 3 месяца назад

    Let's Go Sonny, Not even seen the demo yet but we already know this is gonna be 🔥🔥🔥

  • @TomSw
    @TomSw 3 месяца назад +1

    Cool!!!

  • @mosescodes3677
    @mosescodes3677 3 месяца назад

    Lets go Sonny

  • @jamessimon4804
    @jamessimon4804 2 месяца назад +1

    Dope

  • @sokhaitrey9211
    @sokhaitrey9211 20 дней назад

    Plz build something related to Vue

  • @LeoMcPherson-uv5qm
    @LeoMcPherson-uv5qm 2 месяца назад

    i've got a challenge, try building an i-message clone with complete features

  • @AjaySingh-jz8qx
    @AjaySingh-jz8qx 3 месяца назад

    Sonny is it ok to use pnpm as a package manager along with this tutorial??

  • @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.

  • @vadlamudivamsi2923
    @vadlamudivamsi2923 3 месяца назад

    🔥

  • @sudhanahs
    @sudhanahs 3 месяца назад

    Crm we need

  • @chahatbhatia90
    @chahatbhatia90 3 месяца назад

    Waiting 🎉

  • @awais_ansarii
    @awais_ansarii 3 месяца назад

  • @sudhanahs
    @sudhanahs 3 месяца назад

    Sony pls make pos software in react pls man.

  • @LongJourneys
    @LongJourneys 3 месяца назад +1

    I'm kind of to the point where I feel like react / next is total garbage.

    • @SonnySangha
      @SonnySangha  3 месяца назад +2

      How… the… hell… lol - my friend it is the peak of web development right now🤌🏽

    • @jay_4399
      @jay_4399 3 месяца назад

      Hard disagree

    • @samuelabidoye6642
      @samuelabidoye6642 3 месяца назад

      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 3 месяца назад

      The side effect of excessive leetcode and DSA 😂😂

  • @zatakzataks
    @zatakzataks 3 месяца назад

    waiting

  • @liamstory9594
    @liamstory9594 2 месяца назад +3

    Had an issue with lib/client.js, just changed the const uid to: const uid = prepr_uid && prepr_uid.value ? prepr_uid.value : "";