Introduction to Payload - The open-source Next.js backend

Поділитися
Вставка
  • Опубліковано 30 січ 2025

КОМЕНТАРІ • 127

  • @nima.zabihi
    @nima.zabihi Місяць тому +31

    The truth is, we all love having reliable and scalable tools with plenty of features, but most of them eventually lead you down a rabbit hole of subscriptions. Payload, however, feels like a miracle. I hope this team, and the entire community, are blessed for their genuine passion and dedication.

  • @saidakhrarov5322
    @saidakhrarov5322 Місяць тому +42

    Always a good day when a new Payload vid drops

  • @eric-jt
    @eric-jt Місяць тому +8

    That crop and hot spot on the image was pretty sweet

  • @pablocarvalho9826
    @pablocarvalho9826 9 днів тому +1

    Love how payload is growing! I have the feeling that this will be the best alternative to things like WordPress or even Sanity!

  • @mrbjjackson
    @mrbjjackson Місяць тому +2

    Looking forward to taking Payload for a spin. Thanks very much for making it. Tbh Im not quite sure why more influencers on UA-cam arent all over this project. From what i can see it literally feels like the missing piece of the whole puzzle.

  • @medbenbrahim3246
    @medbenbrahim3246 Місяць тому +2

    That's a great contributions to OSS
    Great work Payload Team

  • @andrisuvorov
    @andrisuvorov Місяць тому +1

    Amazing features, please keep up these video tutorials and examples 🔥

  • @calvin_banks_music
    @calvin_banks_music 15 днів тому

    This is so awesome! Thank you! Going to use it for my next project and see where I can take this to.

  • @roberth8737
    @roberth8737 Місяць тому +7

    At first I was thinking, why wouldn't I just use a database and an ORM... but turns out you do some pretty cool stuff on top. Awesome stuff. Since alot of sites would add payload to handle certain functions of the site, a video on how Payload can live in the (blog) route of nextjs, utilizing the Drizzle extension would be cool.

    • @payloadcms
      @payloadcms  Місяць тому +1

      That's precisely how Wes Bos described us. Great way to think about Payload.

  • @kgothatsontsane3119
    @kgothatsontsane3119 Місяць тому +1

    What a legend. Thank you James!!!

  • @AnthonyCandaele
    @AnthonyCandaele Місяць тому +2

    Thanks for this introduction to Payload. I'm looking forward to that in-depth view of the website template. Maybe you could make a follow-along video. That's the best way to learn.

  • @MichaelParkadze
    @MichaelParkadze Місяць тому +1

    Can't wait to see a video about multi tenant implementation

  • @Lixqa
    @Lixqa Місяць тому +3

    First time seeing this and it really is something i wanna try in future 👍

  • @carlofpvdiary4819
    @carlofpvdiary4819 Місяць тому +5

    Awesome CMS, finally trully opensource cms that is not a Wordpress! Thank you!.
    Please make a tutorial how to use it with Astro!
    and if there a way to make with a live edit feature working, would be unreal.

  • @OneBrighDay
    @OneBrighDay Місяць тому

    Payload looks super promising. I’m looking forward to doing a long tutorial or course on Payload so I can really get to know it.

  • @Sairam_Kagitha
    @Sairam_Kagitha Місяць тому +33

    Please make a tutorial on how to customize payload dashboard

    • @JamesMikrut
      @JamesMikrut Місяць тому +35

      i will personally do this ASAP

    • @yixie-hu2jm
      @yixie-hu2jm Місяць тому +4

      @@JamesMikrut ok ,, i am following

  • @jhersonmedina721
    @jhersonmedina721 Місяць тому +11

    I think it could be nice to add an updated tutorial on how to use multi-tenancy in Payload comparing it with the Multisite feature from Wordpress. God-like project you're building, hi from Colombia

    • @ADHDOCD
      @ADHDOCD Місяць тому +3

      Correct, this would replace need for Wordpress!

    • @ventureskate88
      @ventureskate88 Місяць тому

      Good idea. I’m on it

    • @ADHDOCD
      @ADHDOCD Місяць тому

      @@ventureskate88 😍

  • @krisnrg
    @krisnrg Місяць тому +1

    This looks really good! Awesome job!

  • @Pistaschios
    @Pistaschios Місяць тому

    Amazing looks almost like the thing I ever wanted to make but was too lazy/unexperimented. An admin dashboard running along next, that can be serverless, and have finally a simple typesafe scalable customisable Cms. Thank you for doing this open source !
    Can't wait to test this out, see how to deploy it , how db integration works, etc. Gonna read the doc right now haha I'm hyped...
    Too bad I dropped nextjs for Astro but if it can ever be headless I will start using rn.
    ✨✨✨

  • @snailedlt
    @snailedlt Місяць тому

    Great video as always James!
    Would be really neat if you open sourced the code for these walkthrough videos.

  • @BerryC-iy2mz
    @BerryC-iy2mz Місяць тому

    Thank you for this and for your amazing product!

  • @ukasztarnowski4939
    @ukasztarnowski4939 Місяць тому

    Hi Payload Team, great job, again! I love the videos you share and I really enjoy working with this CMS, even though I am a beginner with coding; the channel 'All About Payload' by 10x Media guys is so helpful! There is just one thing I'd like to be better explained > Internationalisation for the 3.0 version. I mean, it's one of the most demanded features, and unfortunately the docs are not very detailed on this, moreover when you add 'localized: true' to fields the content disappears so it is tricky to implement it later on for the project. I'm looking forward to some tutorial on that as being new to coding I struggle :D cheers

  • @jseng818
    @jseng818 Місяць тому

    nice! cant wait for the ecommerce template to be available..

  • @anhmap9055
    @anhmap9055 21 день тому

    càng ngày nhìn anh càng đẹp trai, em mê anh quá, à quên mê payload quá )))

  • @old_gaffer
    @old_gaffer Місяць тому +2

    best CMS on the market

  • @chergaVtualet
    @chergaVtualet 17 днів тому

    this guy is the OG

  • @rlBrave
    @rlBrave Місяць тому

    100% Need a Payload x SvelteKit video!

  • @seccentral
    @seccentral Місяць тому +8

    As a suggestion/feedback, a full tutorial would be nice for a relatively simple ecommerce site with auth, localization and i8n in on the content as well as in the admin panel, integrated payments and storage options (local, s3, others), newsletter signups, contact forms with email and/or other confirmations, so we can see what the best practices are when integrating with other libraries and/or backends. All in all, this is awesome

    • @paulpopus
      @paulpopus Місяць тому +8

      All the features you listed there don't sound like a "simple site" haha
      We've got the ecommerce template in the pipeline, I'll try to get it 90% ready before christmas so people can play around with it and use it and then early next year we'll release it properly. Email is something we'll cover in that template as well

    • @seccentral
      @seccentral Місяць тому +1

      @@paulpopushehe true, it's just that UA-cam is full of such projects presented in a more or less professional manner so I just took it for granted at this point. It's very good to know that you have a guide/template/tutorial release in the pipeline 😁. On this note, a jobs introduction and example would also be super welcome.

  • @codenameunknown3791
    @codenameunknown3791 Місяць тому +9

    Let's be honest guys: Payload is the GOAT.

  • @raphauy
    @raphauy Місяць тому

    Awesome, thank you!

  • @violentcrumble6720
    @violentcrumble6720 Місяць тому +1

    when do we get a guide to setup an ecommerce site with the latest version? would be good if it showed how to include paypal and afterpay and not just stripe.

  • @bridgertower
    @bridgertower Місяць тому

    Such an amazing project!

  • @alexdin1565
    @alexdin1565 Місяць тому +2

    please make a full playlist for beginners to explain the concept etc..
    I didn't find any new videos about it

    • @JamesMikrut
      @JamesMikrut Місяць тому +6

      Next up is a full tutorial series on the Website template! That will show everything!

    • @alexdin1565
      @alexdin1565 Місяць тому +1

      @@JamesMikrut thanks for your efforts

  • @socialdamage
    @socialdamage 18 днів тому

    When are you going to implement the features you are advertising on your landingpage over the past year now ? Like Folders in media and live editor ?

  • @nclsDesign
    @nclsDesign Місяць тому

    Had a project coming up using Strapi but now I think I gotta reconsider...

  • @romanmartis2735
    @romanmartis2735 Місяць тому

    Best Headless CMS 👌

  • @mike-365
    @mike-365 Місяць тому

    Could you create a video covering all the different Field Types? I'm particularly interested in the Blocks field and would like to see a demonstration of nesting Blocks.

  • @FuzailShaikh
    @FuzailShaikh Місяць тому +1

    Looks heavily inspired from notion to me, pretty cool

    • @tinotaylor
      @tinotaylor Місяць тому

      That's a good thing. Easy to use

  • @a7mdbest15
    @a7mdbest15 Місяць тому

    the idea is solid, can this be attached to other frameworks? not a nextjs fan

  • @ssygon2
    @ssygon2 Місяць тому +1

    4:00 Question: In the collections structure, what if I remove the title or description fields, while there's data already in db. Can I just add the title or description fields back, and the data is still there? Or does deleting the fields also automatically remove those field's data in db too?

    • @ventureskate88
      @ventureskate88 Місяць тому +3

      Depends on which DB you use. If MongoDB, the data will remain, if SQLite or Postgres, it’ll drop the column and the data will be gone

  • @jadervinicius8634
    @jadervinicius8634 Місяць тому

    Thank you, James, for the video. Can you please provide the repository for this example? I'm following your instructions, but some items are not working as expected. I'm not sure if I forgot something.

  • @lgiorgos1
    @lgiorgos1 Місяць тому

    We need a payload remix/react-router or an example repo about it. RR7 is going to be big. You don't want to miss this opportunity!

  • @Dom-zy1qy
    @Dom-zy1qy Місяць тому

    Meta-framework for your meta-framework?
    Does look really nice though. If i ever go back to web im def gonna try this out.

  • @hnoldin
    @hnoldin Місяць тому +1

    Can you do an indepth video on building blocks with in blocks, been getting stuck?

  • @moneyopedia2024
    @moneyopedia2024 Місяць тому +1

    Can we use this cms for markdown? With no database or other things? All blogpost on files?

  • @tekimax697
    @tekimax697 Місяць тому

    🎉🎉 congratulations

  • @duyk16
    @duyk16 Місяць тому

    That's great. Is it possible to deploy only Front End to Vercel and another full version for admin in a VM or container?

  • @findtoni
    @findtoni Місяць тому

    Awesome!! 🙌🏽

  • @HarshKanjiya
    @HarshKanjiya Місяць тому

    thats crezy good sir

  • @adnanbrq
    @adnanbrq Місяць тому

    Hooks like the one used assign the "doILike" property may expose things by accident. You've stated that you only want to select the "title" but it also came with the doILikeIt property and with the id. It is / was not clear that these two would end up in the results

    • @ventureskate88
      @ventureskate88 Місяць тому +1

      100%. I did that quickly and sloppily but you are 100% right. To prevent that field from being leaked you could use field-based access control

  • @irinbon6207
    @irinbon6207 13 днів тому

    Why do you need to create those fields in config and not just create those fields in a gui way in the collections section? Is it even in the works for version 4?

  • @muhammadkaifnazeer
    @muhammadkaifnazeer Місяць тому

    i think you have to add tailwind CSS like we got in the next.js projects with the create-next-app, it take little bit of time and effort to setup tailwind CSS manually, I hope you add this.

  • @miladnafar382
    @miladnafar382 Місяць тому +3

    best thing I ever found on internet ❤

  • @jaymartinez311
    @jaymartinez311 17 днів тому

    How good is it with vite based projects. Like a vanilla react-ts app?

  • @allankadhem
    @allankadhem Місяць тому

    This is super helpful - can we get more of these style videos?
    Please share the example on github.

  • @xelion7110
    @xelion7110 Місяць тому +1

    what if you need to use only some features maybe the media functionality and so without the extra stuff maybe also in an exciting project is it possible thanks in advance

    • @JamesMikrut
      @JamesMikrut Місяць тому +1

      you can do that! that's when you'd want to use our Blank template. Payload starts extremely small and then you can add only what you need

  • @MyOwnPufferFish
    @MyOwnPufferFish Місяць тому

    Could you make a tutorial on how to manage user auth on the frontend? I'm still a bit confused by it. Also always a pleasure to see anew payload video

    • @JamesMikrut
      @JamesMikrut Місяць тому +1

      Yes absolutely. We do have this one that might help: ua-cam.com/video/CT4KafeJjTI/v-deo.html but I'm gonna make a new one

    • @MyOwnPufferFish
      @MyOwnPufferFish Місяць тому

      @JamesMikrut i had seen it but i didn't know how much it still applied to Payload3, glad to hear there might be a new one in the future ! Thank you to all th team for the all the great work!

  • @davoodrb
    @davoodrb Місяць тому

    seems very usefull

  • @graysavoy
    @graysavoy Місяць тому

    Pretty sick, does it work with Remix/RR7? How hard to integrate SSO?

  • @spedax
    @spedax Місяць тому +1

    Any videos on how to install payload on an existing nextjs app?

    • @JamesMikrut
      @JamesMikrut Місяць тому +3

      I can make one of those for sure

  • @etiennemc2613
    @etiennemc2613 Місяць тому

    Wonderful !

  • @eyout7973
    @eyout7973 Місяць тому

    Awesome!

  • @adicandra9940
    @adicandra9940 Місяць тому

    I tried to install payload using `npm create-payload-app`, choose sqlite as db, but it doesn't work, npm run dev killed immediately, no error, just next server starting and then killed immediately. what is wrong here?

  • @kibarpro
    @kibarpro Місяць тому +1

    To be honest I like payload

  • @ashleytwo
    @ashleytwo Місяць тому +2

    Can I recommend turning off the JSON highlighting in future videos or not wiggling your mouse over it so much. I don't have epilepsy but I have some sensitivity towards it and I found it very unpleasant to see it constantly flashing. I imagine those with photo sensitivity may be affected by it too.

    • @ventureskate88
      @ventureskate88 Місяць тому +1

      Yes I am uninstalling that damn JSON extension. I flashbanged myself 100x in this video.

    • @ashleytwo
      @ashleytwo Місяць тому +1

      Flashbang! I've not heard that in so long. I feel like a teenager playing Counter Strike again.
      Thanks for listening.

  • @yavallejo
    @yavallejo Місяць тому +1

    Thanks❤❤❤❤

  • @code.design
    @code.design Місяць тому

    Please! Tutorials on how to install on mac! ❤

  • @MDFireX5
    @MDFireX5 Місяць тому

    James why are you using the old src path and not the app as root?

    • @JamesMikrut
      @JamesMikrut Місяць тому

      i would love to do app as root, but i was downvoted by both Twitter and by my own team. 😇

  • @Coding_Junkie
    @Coding_Junkie Місяць тому

    Does Payload play nice with other frontends like Astro, Alpine, Solid?

    • @ventureskate88
      @ventureskate88 Місяць тому

      Of course. Still ships with traditional “headless CMS” APIs like REST / GraphQL so you can still fetch your content from any framework in the same way as you’d normally expect!

  • @jaggyjut
    @jaggyjut Місяць тому

    Wow. Does this mean we don’t required FastAPI?

  • @nima.zabihi
    @nima.zabihi Місяць тому

    Q: Why is CarPriceLabel using rest api instead of payload local api?

    • @JamesMikrut
      @JamesMikrut Місяць тому

      Great question. The Local API is only used in server components, and there, server components don't -refresh- if data changes. If someone wanted to change the selected car, we'd have to re-fetch the car. If we didn't have that requirement, then we could make a server component that only fetches on first load. Does that make sense?

    • @nima.zabihi
      @nima.zabihi Місяць тому

      @@JamesMikrut For sure, thank you James.
      we are looking for more advance and reliable options on payload. working on Algolia search. Customizing dashboard, and more. I wish I was master in this industry to make tut for payload community.

  • @M1a2n3o43
    @M1a2n3o43 Місяць тому

    I find Payload’s authentication setup frustrating. I recently started using better-auth, which is much easier and more straightforward. Lucia requires building everything from scratch, Auth.js v5 is difficult to set up, and services like Clerk are easy but take control of your data. Payload is similar to Lucia-it provides basic email/password routes but leaves you to create everything else. I hope future versions include something like better-auth to simplify things. I’m still a beginner with Payload, so I may just need more experience.

  • @amarvlolagena7157
    @amarvlolagena7157 Місяць тому

    How do I access the data in frontend?

  • @LutherDePapier
    @LutherDePapier Місяць тому

    There really needs to be a fullblown tutorial.

  • @nonstopper
    @nonstopper Місяць тому +2

    How does payload make money?

    • @maxkosh4839
      @maxkosh4839 Місяць тому

      good question.

    • @nonstopper
      @nonstopper Місяць тому

      Further research tells me their enterprise customers. But I still can’t believe that would support them enough to bankroll the entire operation in a completely wholesome manner.

  • @shafu_xyz
    @shafu_xyz Місяць тому

    cloudflare ssr supported?

  • @shafu_xyz
    @shafu_xyz Місяць тому +1

    can admin be a subdomain?

    • @JamesMikrut
      @JamesMikrut Місяць тому +2

      yes, Payload's admin UI and API routes can be mounted on a subdomain

  • @beyourahi
    @beyourahi Місяць тому

    can we use bun with it?

  • @maxkosh4839
    @maxkosh4839 Місяць тому

    404 This page could not be found. That's what I got after installing. Although I used npm not pnpm...

  • @matthouston124
    @matthouston124 Місяць тому +1

    Omg, thats a crazy amount of work you guys have done! Congrats!
    I have a next js clothing store project that i host on Vercel with Supabase as my postgres wrapper and storage. Will Payload be a good option for me to use as an Admin panel, where my colleagues can manage their respective product groups and blog posts?
    Thanks

  • @notEasy2learn
    @notEasy2learn 13 днів тому

  • @RdozeTV
    @RdozeTV Місяць тому +1

    wow

  • @inspiringpeople3999
    @inspiringpeople3999 Місяць тому

    why don't you make it like wordpress?

  • @Clem.E
    @Clem.E Місяць тому

    I’m a dude, I love cars 💪

  • @VedatTürkoğlu-w9g
    @VedatTürkoğlu-w9g Місяць тому

    I discover payload while looking for an alternative to wordpress (just wanna escape theme and plugin hell).payload seem promising. after learning next.js I on payload.

  • @zhanezar
    @zhanezar Місяць тому +2

    any love for our boy Rich Haris and sveltkit

  • @katanaut
    @katanaut Місяць тому

    Wordpress for next js

  • @vadimraksha5993
    @vadimraksha5993 Місяць тому

    One more Strapi?

  • @greendsnow
    @greendsnow 6 днів тому

    i can't explain this to the customer... this is a CMS for developers. You didn't study your end users, I think.

  • @LutherDePapier
    @LutherDePapier Місяць тому

    You got unlucky, unauthorized() launched right at the same time as your video.

  • @memesforyou9167
    @memesforyou9167 Місяць тому +1

    Give some complex projects tutorials not a basic one please.

    • @JamesMikrut
      @JamesMikrut Місяць тому +1

      will do, this one needed to come first for intro docs but now it's time to go more in-depth. keep an eye out

  • @code.design
    @code.design Місяць тому

    Why!!! Why so you always skip the database part… its where shit hits the fan.

    • @ventureskate88
      @ventureskate88 Місяць тому

      What do you mean? If I did a video on DB stuff in specific, what would you like it to cover?

    • @code.design
      @code.design Місяць тому

      @ you must mean the supabase video? Will there come a mongodb one? Like right now in the video you mention: i allready have mongodb running. Pardon my previous message. This all is very complex to set up as a design first then coder. At least for me. But payload seems to be a good option. I am trying to step away from craftcms/kirby and wordpress php development. Cheers

  • @CritterPop
    @CritterPop Місяць тому

    For free ? vercel is about buying this and putting a fee 😆

  • @adnn4210
    @adnn4210 3 дні тому

    Don't use Javascript/TS on the backend, it's the biggest mistake you'll ever make. Go with Laravel and Filament, you'll never look back. Laravel after Javascript backend is like buying a Macbook after being on Windows, everything just works and you are x10 more productive

  • @jackdanielson1997
    @jackdanielson1997 Місяць тому +2

    Petition to get Payload to use Remix instead of Next.js

    • @alexandershishkovskiy
      @alexandershishkovskiy Місяць тому

      You mean React Router 7 framework instead of Next.js. Time flies very quickly