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

Поделиться
HTML-код
  • Опубликовано: 13 янв 2025

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

  • @nima.zabihi
    @nima.zabihi 28 дней назад +16

    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 Месяц назад +41

    Always a good day when a new Payload vid drops

  • @eric-jt
    @eric-jt 26 дней назад +5

    That crop and hot spot on the image was pretty sweet

  • @mrbjjackson
    @mrbjjackson 25 дней назад +2

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

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

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

  • @medbenbrahim3246
    @medbenbrahim3246 28 дней назад +2

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

  • @roberth8737
    @roberth8737 Месяц назад +5

    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.

  • @Sairam_Kagitha
    @Sairam_Kagitha Месяц назад +30

    Please make a tutorial on how to customize payload dashboard

    • @JamesMikrut
      @JamesMikrut Месяц назад +33

      i will personally do this ASAP

    • @yixie-hu2jm
      @yixie-hu2jm Месяц назад +4

      @@JamesMikrut ok ,, i am following

  • @jhersonmedina721
    @jhersonmedina721 Месяц назад +10

    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 Месяц назад +2

      Correct, this would replace need for Wordpress!

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

      Good idea. I’m on it

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

      @@ventureskate88 😍

  • @andrisuvorov
    @andrisuvorov 27 дней назад +1

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

  • @MichaelParkadze
    @MichaelParkadze 27 дней назад +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 👍

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

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

  • @anhmap9055
    @anhmap9055 3 дня назад

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

  • @kgothatsontsane3119
    @kgothatsontsane3119 20 дней назад +1

    What a legend. Thank you James!!!

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

  • @ukasztarnowski4939
    @ukasztarnowski4939 27 дней назад

    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

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

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

  • @old_gaffer
    @old_gaffer Месяц назад +2

    best CMS on the market

  • @jseng818
    @jseng818 29 дней назад

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

  • @codenameunknown3791
    @codenameunknown3791 Месяц назад +9

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

  • @krisnrg
    @krisnrg Месяц назад +1

    This looks really good! Awesome job!

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

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

  • @FuzailShaikh
    @FuzailShaikh Месяц назад +1

    Looks heavily inspired from notion to me, pretty cool

    • @tinotaylor
      @tinotaylor 25 дней назад

      That's a good thing. Easy to use

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

    100% Need a Payload x SvelteKit video!

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

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

  • @nclsDesign
    @nclsDesign 17 дней назад

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

  • @duyk16
    @duyk16 25 дней назад

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

  • @allankadhem
    @allankadhem 27 дней назад

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

  • @BerryC-iy2mz
    @BerryC-iy2mz Месяц назад

    Thank you for this and for your amazing product!

  • @miladnafar382
    @miladnafar382 Месяц назад +3

    best thing I ever found on internet ❤

  • @socialdamage
    @socialdamage 23 часа назад

    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 ?

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

  • @moneyopedia2024
    @moneyopedia2024 26 дней назад +1

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

  • @hnoldin
    @hnoldin Месяц назад +1

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

  • @a7mdbest15
    @a7mdbest15 22 дня назад

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

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

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

    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.

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

    Best Headless CMS 👌

  • @jaymartinez311
    @jaymartinez311 5 часов назад

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

  • @Dom-zy1qy
    @Dom-zy1qy 26 дней назад

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

  • @graysavoy
    @graysavoy 28 дней назад

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

  • @matthouston124
    @matthouston124 27 дней назад +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

  • @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 28 дней назад +1

      Yes absolutely. We do have this one that might help: ruclips.net/video/CT4KafeJjTI/видео.html but I'm gonna make a new one

    • @MyOwnPufferFish
      @MyOwnPufferFish 28 дней назад

      @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!

  • @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 28 дней назад +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

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

  • @kibarpro
    @kibarpro Месяц назад +1

    To be honest I like payload

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

    Such an amazing project!

  • @tekimax697
    @tekimax697 28 дней назад

    🎉🎉 congratulations

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

    Awesome, thank you!

  • @code.design
    @code.design 29 дней назад

    Please! Tutorials on how to install on mac! ❤

  • @MDFireX5
    @MDFireX5 28 дней назад

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

    • @JamesMikrut
      @JamesMikrut 28 дней назад

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

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

    There really needs to be a fullblown tutorial.

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

  • @HarshKanjiya
    @HarshKanjiya 26 дней назад

    thats crezy good sir

  • @M1a2n3o43
    @M1a2n3o43 26 дней назад

    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?

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

  • @adicandra9940
    @adicandra9940 26 дней назад

    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?

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

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

  • @nima.zabihi
    @nima.zabihi Месяц назад

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

    • @JamesMikrut
      @JamesMikrut 28 дней назад

      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 28 дней назад

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

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

    cloudflare ssr supported?

  • @davoodrb
    @davoodrb 25 дней назад

    seems very usefull

  • @jaggyjut
    @jaggyjut 24 дня назад

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

  • @yavallejo
    @yavallejo Месяц назад +1

    Thanks❤❤❤❤

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

    Awesome!! 🙌🏽

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

    can we use bun with it?

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

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

    Wonderful !

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

    Awesome!

  • @zhanezar
    @zhanezar Месяц назад +2

    any love for our boy Rich Haris and sveltkit

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

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

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

  • @Clem.E
    @Clem.E 29 дней назад

    I’m a dude, I love cars 💪

  • @RdozeTV
    @RdozeTV 20 дней назад +1

    wow

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

    why don't you make it like wordpress?

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

    Wordpress for next js

  • @vadimraksha5993
    @vadimraksha5993 25 дней назад

    One more Strapi?

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

  • @CritterPop
    @CritterPop 29 дней назад

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

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

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

  • @code.design
    @code.design 28 дней назад

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

    • @ventureskate88
      @ventureskate88 28 дней назад

      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 28 дней назад

      @ 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

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