Тёмный

Payload V3 Beta Walkthrough | All About Payload 

AllAboutPayload
Подписаться 2,5 тыс.
Просмотров 10 тыс.
50% 1

In this video, we'll walk through the most important new features of payload V3 (beta)
More technical details in the official release video:
• Install Payload Into A...
Tailwind Setup:
tailwindcss.co...
NextJS Migration from pages to app router:
nextjs.org/doc...
Any constructive feedback is highly appreciated. If you have any questions, need help with implementation, or would like to suggest a topic for a new video let us know in the comments!

Опубликовано:

 

15 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 78   
@wanmohdhafiz5581
@wanmohdhafiz5581 6 месяцев назад
The developer experience is really awesome and truly a joy to use! Please create more videos on 3.0
@AllAboutPayload
@AllAboutPayload 5 месяцев назад
Yes it is! Most videos going forward will be 3.0
@MrTingle-qi2ne
@MrTingle-qi2ne 3 месяца назад
Really appreciate your tutorials. I like the way you explain things. Cheers!
@AllAboutPayload
@AllAboutPayload 3 месяца назад
Thanks mate, happy to hear that :)
@Michael-Martell
@Michael-Martell 6 месяцев назад
I love all the work you’ll have put into making this happen! I’m very excited to integrate payload in many of my apps!
@MattiasBregnballe
@MattiasBregnballe 5 месяцев назад
Thank you for going through the basics. This is really helpful for a newbie like me! If you ever have time, It'd be awesome with an update on how to use s3 with payload3.0beta
@AnteZivkovic
@AnteZivkovic 2 месяца назад
This is great, thank you. Looking forward to watching your Payload 3.0 content as well, as I think it will be a part of my stack as soon as it's stable.
@TiagoRibeirodeBarros
@TiagoRibeirodeBarros 5 месяцев назад
Congratulations! You have shown in a practical and objective way the most important changes in version 3.0. Just what I was looking for! Cheers from Brazil! 😁
@Teewatt
@Teewatt 4 месяца назад
You guys could definitely have a niche here, please keep it up!
@AllAboutPayload
@AllAboutPayload 4 месяца назад
Thanks! We definitely will :)
@DarkLide92
@DarkLide92 5 месяцев назад
So exciting! I’m looking forward to build my first next.js websites with payload but also creating a dashboard on another project. Would be handy to have more tutorials!! ❤
@theSavanahDev
@theSavanahDev 5 месяцев назад
I am pleased with the work you are doing to get developers educated on this developer friendly CMS. Keep the good stuff coming. Thank you for your effort.
@SepehrShapouri
@SepehrShapouri 5 месяцев назад
hey im really enjoying these series,I want to kindly ask you to keep uploading with the new 3.0 beta,I really need help wrapping my head around it
@PadurariuDragosh
@PadurariuDragosh 5 месяцев назад
Amazing video! I have a question: how this will impact the usage costs on Vercel?
@AllAboutPayload
@AllAboutPayload 5 месяцев назад
Great question! I can't give you an answer yet, but I'll monitor the usage for my projects
@tomiwajustin2234
@tomiwajustin2234 2 месяца назад
Thank you so much for this video. im a newbie and its helped me a lot
@AnthonyCandaele
@AnthonyCandaele 5 месяцев назад
Thanks a lot for this video. What I would love to see is a tutorial video where we build a full project from start to finish.
@AllAboutPayload
@AllAboutPayload 5 месяцев назад
Sure thing! What type of project are you thinking about?
@emretfn
@emretfn 5 месяцев назад
It can be a completely dynamic website. It can be an SEO-friendly project with dynamic sections and images. In short, a project that describes a website from start to finish, including a landing page and blog pages, could be nice.
@niazmorshed8121
@niazmorshed8121 5 месяцев назад
Make the audio a bit louder please
@wadethomas3736
@wadethomas3736 5 месяцев назад
Could you do a video on styling your payload interface using tailwindcss? I think it can look like the front end so the user doesn't know the difference. Great job guys!
@AllAboutPayload
@AllAboutPayload 5 месяцев назад
Sure thing. What do you have in mind specifically?
@CrossingTheMatrix
@CrossingTheMatrix Месяц назад
Awesome, it is pain solver for front end developer, could you please create more project base video? Cheers
@stylrart
@stylrart 4 месяца назад
Nice. Is it possible to host Payload locally and deploy new data/articles to the live frontend?
@dalenaxtran
@dalenaxtran 4 месяца назад
Wonderful work you guys
@kuriasjoy1747
@kuriasjoy1747 5 месяцев назад
Hi, I tried this tutorial and found it to be very amazing. However, have you encountered any issues with MongoDB and Vercel ? For me, the build failed...
3 месяца назад
Lovely. Can you please show how to parse lexical to JSX / HTML ?
@AllAboutPayload
@AllAboutPayload 2 месяца назад
Hey mate, yes that's on our list for upcoming videos! :)
@dinhmai1268
@dinhmai1268 4 месяца назад
I”m new to Payload and struggle to create custom lexical block/ features ( embed youtube in my case) would be nice to have video for that on version 3
@AllAboutPayload
@AllAboutPayload 4 месяца назад
Yess, a video about Richtext is coming up!
@nopainnogame9897
@nopainnogame9897 4 месяца назад
that's great. any news when will it be stable?
@deankemball8084
@deankemball8084 5 месяцев назад
how do you handle images? i have got 3.0 working to upload files to my db, i can see them on the local admin page. but once deployed the url's are still local and the images are not rendering. any idea?
@AllAboutPayload
@AllAboutPayload 5 месяцев назад
Hey, by default payload stores uploads on the file system, that only really works if you deploy on your own VM. You almost always want to use plugins for storing uploads on S3, Vercel blob (coming soon I think), bunny cdn, etc. We'll make a video about it in the future!
@deankemball8084
@deankemball8084 5 месяцев назад
@@AllAboutPayload i see. i tried following the instructions on the s3 adapter in your other video, but i guess it's different in 3.0. it gives an error about webpack.admin
@ukasztarnowski4939
@ukasztarnowski4939 4 месяца назад
Great job, I love it! Could you please show how to create a very simple site with images from scratch? Using e.g. free vercel Blob for images and their Postgres, then deploying with vercel. Full site for free with latest solutions would draw attention to Payload I hope, keep up good work. Thank you :)
@AllAboutPayload
@AllAboutPayload 4 месяца назад
Hey, that's a great video idea indeed! Put it on our list
@ukasztarnowski4939
@ukasztarnowski4939 4 месяца назад
@@AllAboutPayload if you could also present how to use localization in Payload with this site, like having it in 2 languages (one of the most demanded features), I think it could skyrocket :D
@JohnBuildWebsites
@JohnBuildWebsites 6 месяцев назад
Instead of changing both tailwind and postcss configs to *.cjs I instead only converted the postcss config to json (postcss.config.json) and that worked fine, while my tailwind could stay as tailwind.config.ts
@AllAboutPayload
@AllAboutPayload 6 месяцев назад
You're absolutely right, works like a charm!
@chrisarrow
@chrisarrow 5 месяцев назад
Is there any plan to be able to have tailwind configured by default in the installer?
@joeveug4298
@joeveug4298 5 месяцев назад
We need more your videos are so good
@AllAboutPayload
@AllAboutPayload 5 месяцев назад
Appreciate it! What would you like to see next? :)
@joeveug4298
@joeveug4298 5 месяцев назад
@@AllAboutPayload I'd love to see some more step-by-step tutorial videos on small sites, for example the blog you worked out in this video but more advanced/comprehensive and of course with payload 3.
@ambrosearuwa9458
@ambrosearuwa9458 5 месяцев назад
Hi, there is an e-commerce tutorial that was created about 5 months ago, that am currently following here on RU-vid where the tutor used payload as his backend. He integrated payload in an already created next.js app by running "npm install payload". But i tried doing that and i get errors and i wonder if maybe payload cannot be integrated into next.js like that anymore and running "npx create-payload-app" is the only way to add payload to next.js. Can you please confirm that.
@AllAboutPayload
@AllAboutPayload 5 месяцев назад
Hey, as far as I'm aware the tutorial uses payload version 2. In V2, payload is just a normal react/express app. You can still run npm install payload, but npx create-payload-app is the fastest way to get started
@nxtintime
@nxtintime 5 месяцев назад
Is there a reason you don't use typescript ??
@relocaca
@relocaca 5 месяцев назад
Hi, I'm web development noob. I am teaching kids educational things. I'm thinking about making Learning Management System which has like scores and exams. Is payload CMS suitable for this purpose? If you can make tutorial about this, I'd really appreciate it!
@AllAboutPayload
@AllAboutPayload 5 месяцев назад
Hey, Payload is perfectly suited for building LMS systems. Although it will be challenging without prior experience in web-development
@bryceb3194
@bryceb3194 5 месяцев назад
Please use TS. A tutorial in TS is complete for JS users. A tutorial in JS is *incomplete* for TS users.
@brianfrizzera
@brianfrizzera 5 месяцев назад
Awesome
@David-zl4iq
@David-zl4iq Месяц назад
is there somebody know when its out of beta?
@ibnurasikh
@ibnurasikh 4 месяца назад
good, but please use TS, i know js for making people easier to understand but payload ts problem is harder to find for the solution in the internet or community rather than js problem.
@mr.random8447
@mr.random8447 4 месяца назад
Tutorial with SvelteKit?
@Showmatic
@Showmatic 5 месяцев назад
Great video, though the sound was awfully low.
@AddyAwan1
@AddyAwan1 3 месяца назад
Can anyone guide if this is SSR or ISG?
@holetarget4925
@holetarget4925 5 месяцев назад
What is for? Is it a cms?
@AllAboutPayload
@AllAboutPayload 5 месяцев назад
Yep. payloadcms.com
@jason.zubiate
@jason.zubiate 5 месяцев назад
can you please fix you audio set up the content is fire but we just cant hear you
@LukeRoberts1979
@LukeRoberts1979 5 месяцев назад
How do you get the prefilled text as you code
@AllAboutPayload
@AllAboutPayload 5 месяцев назад
Github Copilot :)
@ColbyGilbert
@ColbyGilbert 5 месяцев назад
A great video would be how to deploy in a vm for payload 2.0
@AllAboutPayload
@AllAboutPayload 5 месяцев назад
Absolutely, do you have any specific vm / provider in mind?
@anushkasharma3736
@anushkasharma3736 5 месяцев назад
Tool is great but it still has some issues if installing with pnpm
@AllAboutPayload
@AllAboutPayload 5 месяцев назад
Ah, that's unfortunate. It's still in beta though so you can expect the issues to be resolved. If you want, go ahead and create a post in the payload discord, they will probably fix it pretty fast.
@ronindevninja
@ronindevninja 3 месяца назад
amo aquí
@tylerpeterson420
@tylerpeterson420 5 месяцев назад
Auth next please!
@letsgetcool
@letsgetcool 2 месяца назад
The tool you are teaching is written in typescript and you are writing in Javascript. Which works but it is wrong. You should be teaching the types as well. Otherwise the users won't have proper intellisense.
@AllAboutPayload
@AllAboutPayload 2 месяца назад
Please see our new series 😇
@anzekoprivec
@anzekoprivec 5 месяцев назад
Big yikes, nextjs isn't the only framework there is and doing this just really showed where you stand for your future. Make it framework agnostic and don't make it at all, frameworks come and go.
@brunocrosier
@brunocrosier 5 месяцев назад
Payload v3 is framework agnostic, he's just using next.js here but could have used sveltekit or just for example
@AllAboutPayload
@AllAboutPayload 5 месяцев назад
Yes, payload is a nextjs app now, and it's very convenient to use nextjs for your frontend as well. You absolutely don't have to though. Payload can still run independently as a backend and provides REST & GraphQL endpoints. You can run your toaster on Payload (if your toaster can call rest apis)
@weitingqi428
@weitingqi428 5 месяцев назад
Hi, thank you for your video how ever why you edit it and no show all steps, such as @17.57 after finish the components RecentBlogArticles.jsx, directly show it works on the frontend homepage , no show the step fill it on page.jsx, its small step, but no shown it , will take beginners puzzle hours:why it can show directly
@joostschuur
@joostschuur 5 месяцев назад
Generic Terminal.app. Could not unsee ;)
@joostschuur
@joostschuur 5 месяцев назад
(I realise that it's a separate local ('youtube') account for recording videos)
Далее
Payload: The Complete Backend for NextJS
27:10
Просмотров 42 тыс.
ShadCN’s Revolutionary New CLI
12:11
Просмотров 52 тыс.
КТО БОИТСЯ КЛОУНОВ?? #shorts
00:20
Просмотров 561 тыс.
The Big Headless CMS Lie (James Mikrut)
18:14
Просмотров 63 тыс.
Payload 3.0 update: The Next.js utopia on the horizon
47:01
How to set up Payload with Supabase
15:13
Просмотров 6 тыс.
JavaScript Framework Tier List
40:57
Просмотров 350 тыс.
Let's Checkout... #Payload #CMS
10:19
Просмотров 16 тыс.
You deserve to know about Astro as JS framework
9:18
Coolify Multi Server Setup | How to host Payload
14:14
Просмотров 2,2 тыс.
КТО БОИТСЯ КЛОУНОВ?? #shorts
00:20
Просмотров 561 тыс.