Easiest Way to Build Photo Gallery
16:37
Build an Invoice App with Next.js 15
4:34:24
MDX in Next.js is Easy Now
24:16
5 ай бұрын
Favicons the Right Way
18:07
5 ай бұрын
Pagination in React
29:05
5 ай бұрын
Generate a PDF in React
23:38
5 ай бұрын
This Fixes CORS
13:02
7 ай бұрын
Get Selected Text in React
25:12
11 ай бұрын
Build a Code Editor in React
10:11
Easily Zip Files in React
13:24
Жыл бұрын
Пікірлер
@farukkara3929
@farukkara3929 Күн бұрын
How to deploy directus on railway with postgres
@ricardoneves5094
@ricardoneves5094 4 күн бұрын
exactly what i needed! exactly what I looking for!
@colbyfayock
@colbyfayock 2 күн бұрын
🙌
@hexakodeagency868
@hexakodeagency868 5 күн бұрын
uncaughtException: Error: Connection terminated unexpectedly at Connection I keep getting the above error after a while for some reason
@ziyadhasen
@ziyadhasen 6 күн бұрын
the github url doesnt exist anymore
@aby7548
@aby7548 6 күн бұрын
I'm getting this error src/app/invoices/[invoiceId]/page.tsx Type error: Type '{ params: { invoiceId: string; }; }' does not satisfy the constraint 'PageProps'. Types of property 'params' are incompatible. Type '{ invoiceId: string; }' is missing the following properties from type 'Promise<any>': then, catch, finally, [Symbol.toStringTag] while building the project
@malcolmllynh8933
@malcolmllynh8933 9 күн бұрын
Using Puppeteer with Next.js is great! Does anyone integrate it with HasData for more complex scraping tasks?
@TheEdge92
@TheEdge92 13 күн бұрын
Interesting what could change in such a short period(3 months after upload). Windsurf said the following(why npm run generate doesn't spit out migration files, then advising me to change XATA_DATABASE_URL -> DATABASE_URL where I said I need XATA because a tut.): "However, there's still an issue we need to address. Xata actually isn't compatible with Drizzle's PostgreSQL dialect since Xata has its own database engine and API. This is why the migrations aren't being generated correctly. For Xata, you typically don't need to generate SQL migrations because: Xata manages the database schema through its own platform It uses a schema-less approach where tables and columns are created automatically Changes to the schema are handled through the Xata dashboard or their CLI Instead of using Drizzle with Xata, you should: Use the Xata CLI to manage your database schema Use the @xata.io/client package to interact with your Xata database Would you like me to help you set up the proper Xata configuration instead? That would involve: Removing the Drizzle configuration Setting up the Xata client Creating your schema using Xata's own tools"
@TheEdge92
@TheEdge92 14 күн бұрын
I get @54:07: "npm run generate > [email protected] generate > drizzle-kit generate No config path provided, using default 'drizzle.config.ts' Reading config file 'C:...\invoicing-app\drizzle.config.ts' Please set your XATA_DATABASE_URL" Though my file looks just exactly like yours.
@TheEdge92
@TheEdge92 14 күн бұрын
This is so strange. Copied the drizzle.config code from your github and now it works. Compared the code. It is xactly the same.
@TheEdge92
@TheEdge92 14 күн бұрын
Unfortunately there is no page to be found anymore on drizzle.orm about the contents of the package.json like @53:28
@Shanu.M.l
@Shanu.M.l 14 күн бұрын
Thanks a lot, i have been trying to fix this for last 2 days
@MegaKingcute
@MegaKingcute 14 күн бұрын
my app is not connecting to the xata database
@NavjotSingh-1
@NavjotSingh-1 15 күн бұрын
If I am not wrong you are not using sse concept right?
@joannes86
@joannes86 15 күн бұрын
It would be nice to have a video about new version 4.0 and the many changes it brings
@sevenmixedfeelings
@sevenmixedfeelings 15 күн бұрын
Nah. It doesnt work!!!! {"errorType":"TimeoutError","errorMessage":"Task timed out after 30.00 seconds","trace":[" at new TimeoutError (C:\\Users\\AP\\AppData\\Roaming\ pm\ ode_modules\ etlify-cli\ ode_modules\\lambda-local\\build\\lib\\utils.js:119:28)"," at Context. (C:\\Users\\AP\\AppData\\Roaming\ pm\ ode_modules\ etlify-cli\ ode_modules\\lambda-local\\build\\lib\\context.js:113:19)"," at listOnTimeout (node:internal/timers:581:17)"," at process.processTimers (node:internal/timers:519:7)"]}
@colbyfayock
@colbyfayock 15 күн бұрын
try this: kzbin.info/www/bejne/oYDHeq2ehct_q9E
@averelgr
@averelgr 16 күн бұрын
Nice nice nice!!! A question. How to load image????
@marekgacekdev
@marekgacekdev 17 күн бұрын
thanks you very much, great tutorial!
@colbyfayock
@colbyfayock 16 күн бұрын
no problem!
@vekinox9704
@vekinox9704 17 күн бұрын
Great stuff, was having issues with the React components within my "remote" mdx files :-) But, is there really no way of handling the components dynamically? Do we need to import and specify all the components used in any mdx file in the page.tsx?
@valdas-1
@valdas-1 19 күн бұрын
Hey, great tutorial as always! Could you cover Payload next? I'd love to see an e-commerce site built with Payload and Next.js 15. Thanks.
@inergy204
@inergy204 21 күн бұрын
19:19 - In VSCode you can also use the keyboard shortcut to "Save without formatting": Windows = Control/Command + K -> S ... Additionally you can use the Show All Commands to bring up the command palette and search for it: Control/Command + Shift + P, then start to type "save without formatting" and execute from the list Great video, thank you!
@inergy204
@inergy204 21 күн бұрын
also, one critique about the video is to add chapters for folks to find the sections a bit easier, or at least reference the timestamps in the description. Thanks again
@ZedTed-u5r
@ZedTed-u5r 23 күн бұрын
Can you do for smartsupp with next app
@vmrsilva
@vmrsilva 26 күн бұрын
Amazing! 🚀🚀🚀
@colbyfayock
@colbyfayock 23 күн бұрын
thank you 🙏
@dinaludagedara5203
@dinaludagedara5203 28 күн бұрын
is there a way to make scrollIntoView more smooth ?
@MattRose30000
@MattRose30000 28 күн бұрын
This needs more views. Subscribed!
@colbyfayock
@colbyfayock 28 күн бұрын
thanks 🙏
@MrWhonobody
@MrWhonobody 28 күн бұрын
I need more video about this
@CEODeepImpact
@CEODeepImpact Ай бұрын
First of all I like this tutorial the best. The instructor make it very easy to follow and understand. I'm totally new on react, Next.js. and almost everting use on this tutorial, but able to follow the tutorial without and difficulty. Great tutorial. I follow the tutorial to the part where we add userId field to the table, then fix the action.ts file. (around 2.24 of the video : kzbin.info/www/bejne/g5TaaYCmbbWMi6c) I just can't continue from there, because in line 10 where the video said we don't need to await auth() to access the userId. I just can't access it. Got an error complaining that userId is null when trying to insert the record. (I use not null on the schema) I can get pass that point only with await auth(), otherwise the userId won't be available to use. Did check the documentation on clerk, from what I understand, they said it doesn't need await too. But I can use it only if I put await in front of auth(). Do not know why, but will move forward to the rest of the video for now. Thank you very much for making this video tutorial.
@rohandev16
@rohandev16 Ай бұрын
why error in this auth.protect(): export default clerkMiddleware((auth, request) => { if(isProtected(request)) { auth().protect() } });
@psyno1856
@psyno1856 19 күн бұрын
do it like this - export default clerkMiddleware(async (auth, req) => { if (isProtectedRoute(req)) await auth.protect() })
@nopefoh
@nopefoh Ай бұрын
this was an excellent tutorial my man
@colbyfayock
@colbyfayock Ай бұрын
thank you!
@woodylucas
@woodylucas Ай бұрын
Good stuff Colby!
@colbyfayock
@colbyfayock Ай бұрын
thank you!
@amirabasi-hz8gy
@amirabasi-hz8gy Ай бұрын
Bro it's not sim it is theme
@sohaildarwajkar9979
@sohaildarwajkar9979 Ай бұрын
First Video related to education that i ever watched in 1x speed..Your way of speaking,teaching and demonstrating is way too captivating.Bless u bro
@colbyfayock
@colbyfayock Ай бұрын
🙏
@bhavyanayak8219
@bhavyanayak8219 Ай бұрын
This is exactly what I was looking for. Thanks man.
@colbyfayock
@colbyfayock Ай бұрын
🙌
@mohamedwafi8948
@mohamedwafi8948 Ай бұрын
Hello, what is the difference between puppeteer and puppeteer core
@adidwhatidid
@adidwhatidid Ай бұрын
can i use it on react js ?
@colbyfayock
@colbyfayock Ай бұрын
yup! its vanilla JS so it'll work with any platform. i created this hook years ago to use with it, but it hasn't been updated in a while: github.com/colbyfayock/use-snipcart
@Copt774
@Copt774 Ай бұрын
Cloudinary is awesome. Pairing these transformation options with user input could be a great way to have a dynamic media library for something like a blog or other site types.
@colbyfayock
@colbyfayock Ай бұрын
i made a google photos clone which sounds somewhat similar, though i didnt add search capabilities in this project: kzbin.info/www/bejne/omiUo4ejlJVlbJI
@SezaiGurle
@SezaiGurle Ай бұрын
Literally can not deploy need help asappp @ColbyFayock
@doggydoggy578
@doggydoggy578 Ай бұрын
fat
@ThomKnepper
@ThomKnepper Ай бұрын
Brilliant, alllll the tutorials on the internet and nobody was using the actual dialog element properly yet. Thanks, this makes perfect sense now!
@colbyfayock
@colbyfayock Ай бұрын
no problem!
@club-euforia
@club-euforia Ай бұрын
awesome video! tksm
@victora.duenasrobles7325
@victora.duenasrobles7325 Ай бұрын
You saved my day :D
@colbyfayock
@colbyfayock Ай бұрын
🫡
@stefanofattori89
@stefanofattori89 Ай бұрын
how do this in a WordPress plugin with react and using fetch-api? for example loading WP Posts
@pako4555
@pako4555 Ай бұрын
but it works with localhost:3000/invoices/40jghg
@onlinehome_nepal
@onlinehome_nepal Ай бұрын
fuck man , it is so hard ,
@mzafarr
@mzafarr Ай бұрын
pwa tutorial please
@hookerhillstudios
@hookerhillstudios Ай бұрын
🔥🔥
@CarlosTello-h5s
@CarlosTello-h5s Ай бұрын
looks great!
@colbyfayock
@colbyfayock Ай бұрын
thanks 🙌
@ahmedabdelmeguid1131
@ahmedabdelmeguid1131 Ай бұрын
perfect video ,we need more videos like this in next.js and react
@colbyfayock
@colbyfayock Ай бұрын
thanks 🙏
@Gabriel-kl6bt
@Gabriel-kl6bt Ай бұрын
Why won't your code show errors I am facing when using server actions?
@manuelvaal1257
@manuelvaal1257 Ай бұрын
Great one!
@colbyfayock
@colbyfayock Ай бұрын
thanks!
@omniadarweesh2013
@omniadarweesh2013 Ай бұрын
Thank you xoxo
@colbyfayock
@colbyfayock Ай бұрын
🫶
@TheNaive
@TheNaive Ай бұрын
why not use the blocknote novel is Brocken documentation is broken