Why this type of tutorial is very rare on KZread .??
@berliangur13 күн бұрын
Do you recommend using this approach in production? How does it actually work? As I understand not only "ssrTwind" but also "install" function will be called on each request since its running on the edge?
@BraydenGirard13 күн бұрын
Yes exactly, I haven’t benchmarked it, definitely is doing extra work on the cloudflare worker. Probably could reduce cost without SSR the Tailwind but I think for majority of apps the difference would be negligible and Cloudflare workers are so fast and cheap!
@berliangur11 күн бұрын
@@BraydenGirard unfortunately it wont work with daisyui
@berliangur11 күн бұрын
@@BraydenGirard also couldnt make it work with htmx, should i try to send out-of-band styles along with updated markup, and like to merge them on client?
@BraydenGirard11 күн бұрын
@@berliangur Ah that sucks, I haven't tried myself too many CSS frameworks to keep track of :P
@BraydenGirard11 күн бұрын
@@berliangur I haven't tried this approach but HTMX should work ? or do you mean the combination of HTMX with DaisyUI ?
@RaghuRoxx22 күн бұрын
Not dynamite but se electronics
@arystanbekjetisy7329Ай бұрын
Bruh wth is this
@jeetchheda89162 ай бұрын
Just to put it out there.. People who are watching this in Dark.. I advise you to Turn on lights before the White Blank Page in his Browser destroy yours like it did to mine 🥹🥹😂
@ejikembaekwe16042 ай бұрын
Simple, short and straight to the point
@TheAliAhad2 ай бұрын
Brother! You look like Henry Cavill from Superman. Need more Tutorial about Hono, htmx, and Cloudflare workers.
@rafi_453 ай бұрын
Can I integrate database like sqlite and deploy it in this project?
@BraydenGirard3 ай бұрын
Using a service like Turso it’s really easy! Take a look at turso.tech as that’s what I use.
@abhiprayasaputra94263 ай бұрын
Cant install Hono with error : Uncaught (in promise) API rate limit exceeded. Authenticated request get a higher rate limit. But this is my first time installing it , how can i exceed the limit already ? Help anyone ?
@BraydenGirard3 ай бұрын
That doesn’t sound right, are you still having issues? Maybe try from a vpn?
@RushikeshKhatkhede4 ай бұрын
Hey welcome back!, Used to watch your svelte videos.
@zhanezar4 ай бұрын
great little tutorial , im starting to like hono js , still use svelte for most things though
@s.adnansami51062 ай бұрын
Ben Davis made a video on using svelte with Hono.js, like you can plug-in Hono.js as a backend if I understood correctly, so it pipelines the Svelte built in API backend to Hono.js
@linodil4 ай бұрын
Why don't you use Elysia instead of Hono. Elysia is faster and made for Bun. Also been longer in the game. Also Bun is much faster than Deno
@BraydenGirard4 ай бұрын
Next video will be using Elysia, that’s what iv been using on my most recent project and really enjoying!
@HomeEngineer-wm5fg4 ай бұрын
Exactly what I needed.
@sysmyth4 ай бұрын
Legit fell over when you squeezed a deployment and an update into the last 2 minutes. Great content. Subscribed
@rgarafulicm4 ай бұрын
But isn't 'site' an object? I am just starting with shopify and see that are lots of json files.
@MarkVolkmann4 ай бұрын
I love the combination of Hono, htmx, and Cloudflare workers!
@BraydenGirard4 ай бұрын
It’s really nice!
@MarkVolkmann4 ай бұрын
I think I would rather have a build step that generates a CSS file containing the Tailwind classes that I’m using rather than generating CSS at runtime using a somewhat complicated set up.
@MarkVolkmann4 ай бұрын
What are the benefits to specifying caching the way you did versus using a service worker to manage caching?
@BraydenGirard4 ай бұрын
You can do either, I like using the built in HTTP functionality whenever I can, keeps things simple.
@user-io2ru3cs8d5 ай бұрын
Welcome back 🎉
@BraydenGirard5 ай бұрын
Thanks!
@atomparish5 ай бұрын
Do you think svelte 5 is still easier/more straightforward than this for new devs? Not having all of the meta framework stuff seems really nice.
@BraydenGirard5 ай бұрын
I’m on the fence with this right now, I also agree that keeping it simple and removing the meta frameworks is a breath of fresh air.
@MarkVolkmann5 ай бұрын
Nice video! Another option is to use Bun and it’s built-in JSX support to generate HTML in the endpoints.
@BraydenGirard5 ай бұрын
Definitely something I’ve tried out. I was trying to stick with web standard technology (template literals) as much as possible. Working on some stuff now to demo a more full stack experience we the least amount of extra dependencies.
@MarkVolkmann5 ай бұрын
@@BraydenGirard With the template literal approach, is VS Code able to detect errors in the HTML like improperly nested or unclosed tags?
@BraydenGirard5 ай бұрын
@MarkVolkmann yes if you install the lit html plugin!
@vldthdrgn5 ай бұрын
Great video! This is exactly what I was looking for! The only thing that takes it down a few notches is bad mic etiquette. Kind of like a really weird ASMR video. 😣
@BraydenGirard5 ай бұрын
Sorry! I’ll have that fixed on the next video, I didn’t realize it was so bad.
@vldthdrgn5 ай бұрын
Can't wait for more videos! @@BraydenGirard
@wesleycoder5 ай бұрын
I loved the content! I haven't yet tried HTMX but this may be the vid that makes me try it. You've put it simpler than many other explanations I've seen. As a long time web dev who have seen everything from jQuery/knockout/backbone, to Ember, to Angular, to React I see a lot of good things around the hype of htmx + Alpine and alikes. Just a comment about the audio: Try adjusting the mic sensitivity to not pick the tongue clicking. As many other people I am sensitive to this kind of sounds, its a minor disorder called misophonia I imagine many others could appreciate this adjust on the content I don't want to depreciate your effort, the audio quality is already great, I'm just raising awareness of this issue that seems to get ignored a lot. Thanks for the content, and keep it going!
@BraydenGirard5 ай бұрын
Thanks for the feedback! I’ll make sure to setup the mic positioning better on future recordings. Still an amateur at some of this and I did notice it in post but wasn’t sure how to edit it out.
@rcarias785 ай бұрын
Love the simple and clear explanation. HTMX #htmx FTW 🙌🏽 Also,what is your setup, that lighting is amazing!
@BraydenGirard5 ай бұрын
Just a couple key lights and some coloured smart bulbs! Video is shot on my smartphone!
@rcarias785 ай бұрын
@@BraydenGirard thanks for that. I’ll look for some on Amazon. Are you planning on going further with this tutorial? Getting into more advanced stuff possibly?
@BraydenGirard5 ай бұрын
@@rcarias78 I will likely be doing more videos on Htmx and Alpine and going further on those two technologies. Whether I am using Hono or not is up in the air still but the concepts will apply across whichever backend is being used.
@Protoscribe5 ай бұрын
Damn, after 2 years. I enjoyed the Svelte videos. Funny how I have also partly transitioned from Sveltekit to a Hono|HTML|Deno Deploy stack and now you post this. Glad to see you back
@BraydenGirard5 ай бұрын
There is more Svelte coming! Just waiting for Svelte 5 to be stable. But also focusing on some more HTML and SSR content!
@Protoscribe5 ай бұрын
@@BraydenGirard That's great. I think Runes and all the new things are going to propel svelte even more. I'm kind of liking htmx even for serious complex stuff. I'm trying out a massive multi tenant setup at the moment with Turso for the database layer. Would you see yourself shipping a production service on htmx|hono|deno?
@BraydenGirard5 ай бұрын
@@ProtoscribeI definitely would, I think that’s a great stack. Turso is also a great piece of technology. I think one of the bigger benefits though with Htmx is that you don’t have to use JavaScript on the backend.
@Protoscribe5 ай бұрын
@@BraydenGirard ah thats good to know. One think I'm trying to figure out with htmx if hitting an API rather than a full stack app is setting a cookie for authentication because the point is not to write any JavaScript on the front end with htmx. You end up having to write JavaScript on the front end to set the cookie
@BraydenGirard5 ай бұрын
The cookie should be set server side, Hono has docs on this if you check the cookie helper section!
@greendsnow5 ай бұрын
long time no see... welcome back!
@BraydenGirard5 ай бұрын
More to come! Thanks, for sticking around.
@g.o.63215 ай бұрын
Hey Brayden, your STRAPI tutorials are the best out there! Could you please create a playlist dedicated to most users issues? Specially around the bloody Email Plugin (sending email, sending confirmation email for registered users, sending forgotPassword email, setting up programmatic email that are event triggered, setting up AMZ SES as a mail service ), Migrations, Deployment, Dockerization (these last 3 topics have merciless utterly shitty documentation on STRAPI) The list is endless: if you need inspiration let me know I'll send you more.
@designmycity5 ай бұрын
Thanks!
@BraydenGirard5 ай бұрын
Thank you!
@Youtube-demo-gaming5 ай бұрын
bro, I have only one problem you are not focusing on KZread you can do so much, but you are not doing it
@BraydenGirard5 ай бұрын
I'm going to be getting back to releasing videos soon, anything you would like to see ?
@Youtube-demo-gaming5 ай бұрын
@@BraydenGirard please make a video on making a proper Shopify store thank you!
@ecomAarush6 ай бұрын
Thumbs Up Subscribed Now waiting for new & next videos to come out
@ecomAarush6 ай бұрын
Understood every single thing uptil now but IG you've discontinued the course now man
@BraydenGirard5 ай бұрын
This will change soon!
@ecomAarush6 ай бұрын
Great Video man, Liquid is just like JS
@ecomAarush6 ай бұрын
Greatly Insightful man 💪🏼💪🏼
@ecomAarush6 ай бұрын
Got through this, making progress 💪🏼 It's easy & straight to point man. Amazing content
@ecomAarush6 ай бұрын
Love the video man, Just one thing, I cannot understand which code editor you are using for liquid. Is it the base Shopify or something else? Whatever the case, can you teach how to get that?
@BraydenGirard5 ай бұрын
This was the built in file editor in Shopify at the time, it may no longer exist.
@bharatrav17646 ай бұрын
Thank you
@salikapratama6 ай бұрын
Too liquid
@jaidendechon79607 ай бұрын
You rock man thank you!
@ShuminZhou8 ай бұрын
Fantastic! Can I deploy the sveltekit project with dynamic routing on netlify?
@BraydenGirard5 ай бұрын
Yes they have an adapter for Netlify - kit.svelte.dev/docs/adapter-netlify
@royalegaming60889 ай бұрын
plz tell me about drop shipping and how to start
@BraydenGirard5 ай бұрын
Not my specialty sorry!
@Allformyequine9 ай бұрын
This is my life everyday in the summer living on my 28' sailboat in Michigan. Developing with SvelteKit and Wordpress all day lol! Code during day and sail in later afternoon and evenings! Been doing it for a long time now, and it's awesome! I think you have even helped me a few times in the past with some of your tutorials on SvelteKit... who knew!
@mirzacickusic9 ай бұрын
really cool setup - do you ever get sick from focusing on the monitor while the boat is constantly moving?
@BraydenGirard5 ай бұрын
I don't even notice to be honest.
@akinolavictor64849 ай бұрын
Thank you for this tutorial, especially the mongodb connection part.
@art725910 ай бұрын
Im considering getting into liveaboard w/ my partner, hop along the coasts of the USA while i work from boat as a SE. I'm at the 'looking into it' stage of planning, haha. Have you had a lot of difficulty with the actual legal/tax implications of moving between harbors in the states while working remotely?
@BraydenGirard5 ай бұрын
I have only done this in my own Country for now, I am lucky and live by a larger river. I hope to travel abroad in the future but not the right time for me now.
@Palundrium10 ай бұрын
Randomly searched for developers working on a sailboat and saw this, then your avatar. I learned SvelteKit stuff from you a couple years ago back before the big routing change. 😂 Still using Svelte? Do you work full time while living on board? Do you work while under way? And what are any unexpected or tricky things you had to figure out or manage doing this? Pretty much my dream, other than getting my workplace on Svelte which is actually starting to happen.
@BraydenGirard5 ай бұрын
I spend a lot of time at anchor when working. While I am travelling on the boat I usually do so during down time from work, too much to focus on to get into deep working sessions. I live on a larger river so I travel up and down the river in the summer months but hope to do larger passages in the future.
@mintapple.931210 ай бұрын
Hi! Great video.... quick question. We have to refresh our preview each and every time we make an adjustment however yours changed as soon as you pressed the save button. Was this an editing trick or is there a way to enable our preview to update automatically after we press save on the theme editor?
@BraydenGirard5 ай бұрын
This was built into the Shopify editor at the time this may have changed since.
@ginjirouundercover365211 ай бұрын
Beautiful
@udaleswanagan956811 ай бұрын
🌟 Promo'SM
@user-rl4dx4hp6c11 ай бұрын
👍🏽
@saik313 Жыл бұрын
Hi thanks for the tutorial. I deployed but Im facing some problems. In vercel deployment logs I am getting: Type: Serverless Function Function: / Error: RequestId: 51e45fd6-67a8-452a-b278-ccab5edfa441 Error: Runtime exited with error: exit status 1 Runtime.ExitError
Пікірлер
Why this type of tutorial is very rare on KZread .??
Do you recommend using this approach in production? How does it actually work? As I understand not only "ssrTwind" but also "install" function will be called on each request since its running on the edge?
Yes exactly, I haven’t benchmarked it, definitely is doing extra work on the cloudflare worker. Probably could reduce cost without SSR the Tailwind but I think for majority of apps the difference would be negligible and Cloudflare workers are so fast and cheap!
@@BraydenGirard unfortunately it wont work with daisyui
@@BraydenGirard also couldnt make it work with htmx, should i try to send out-of-band styles along with updated markup, and like to merge them on client?
@@berliangur Ah that sucks, I haven't tried myself too many CSS frameworks to keep track of :P
@@berliangur I haven't tried this approach but HTMX should work ? or do you mean the combination of HTMX with DaisyUI ?
Not dynamite but se electronics
Bruh wth is this
Just to put it out there.. People who are watching this in Dark.. I advise you to Turn on lights before the White Blank Page in his Browser destroy yours like it did to mine 🥹🥹😂
Simple, short and straight to the point
Brother! You look like Henry Cavill from Superman. Need more Tutorial about Hono, htmx, and Cloudflare workers.
Can I integrate database like sqlite and deploy it in this project?
Using a service like Turso it’s really easy! Take a look at turso.tech as that’s what I use.
Cant install Hono with error : Uncaught (in promise) API rate limit exceeded. Authenticated request get a higher rate limit. But this is my first time installing it , how can i exceed the limit already ? Help anyone ?
That doesn’t sound right, are you still having issues? Maybe try from a vpn?
Hey welcome back!, Used to watch your svelte videos.
great little tutorial , im starting to like hono js , still use svelte for most things though
Ben Davis made a video on using svelte with Hono.js, like you can plug-in Hono.js as a backend if I understood correctly, so it pipelines the Svelte built in API backend to Hono.js
Why don't you use Elysia instead of Hono. Elysia is faster and made for Bun. Also been longer in the game. Also Bun is much faster than Deno
Next video will be using Elysia, that’s what iv been using on my most recent project and really enjoying!
Exactly what I needed.
Legit fell over when you squeezed a deployment and an update into the last 2 minutes. Great content. Subscribed
But isn't 'site' an object? I am just starting with shopify and see that are lots of json files.
I love the combination of Hono, htmx, and Cloudflare workers!
It’s really nice!
I think I would rather have a build step that generates a CSS file containing the Tailwind classes that I’m using rather than generating CSS at runtime using a somewhat complicated set up.
What are the benefits to specifying caching the way you did versus using a service worker to manage caching?
You can do either, I like using the built in HTTP functionality whenever I can, keeps things simple.
Welcome back 🎉
Thanks!
Do you think svelte 5 is still easier/more straightforward than this for new devs? Not having all of the meta framework stuff seems really nice.
I’m on the fence with this right now, I also agree that keeping it simple and removing the meta frameworks is a breath of fresh air.
Nice video! Another option is to use Bun and it’s built-in JSX support to generate HTML in the endpoints.
Definitely something I’ve tried out. I was trying to stick with web standard technology (template literals) as much as possible. Working on some stuff now to demo a more full stack experience we the least amount of extra dependencies.
@@BraydenGirard With the template literal approach, is VS Code able to detect errors in the HTML like improperly nested or unclosed tags?
@MarkVolkmann yes if you install the lit html plugin!
Great video! This is exactly what I was looking for! The only thing that takes it down a few notches is bad mic etiquette. Kind of like a really weird ASMR video. 😣
Sorry! I’ll have that fixed on the next video, I didn’t realize it was so bad.
Can't wait for more videos! @@BraydenGirard
I loved the content! I haven't yet tried HTMX but this may be the vid that makes me try it. You've put it simpler than many other explanations I've seen. As a long time web dev who have seen everything from jQuery/knockout/backbone, to Ember, to Angular, to React I see a lot of good things around the hype of htmx + Alpine and alikes. Just a comment about the audio: Try adjusting the mic sensitivity to not pick the tongue clicking. As many other people I am sensitive to this kind of sounds, its a minor disorder called misophonia I imagine many others could appreciate this adjust on the content I don't want to depreciate your effort, the audio quality is already great, I'm just raising awareness of this issue that seems to get ignored a lot. Thanks for the content, and keep it going!
Thanks for the feedback! I’ll make sure to setup the mic positioning better on future recordings. Still an amateur at some of this and I did notice it in post but wasn’t sure how to edit it out.
Love the simple and clear explanation. HTMX #htmx FTW 🙌🏽 Also,what is your setup, that lighting is amazing!
Just a couple key lights and some coloured smart bulbs! Video is shot on my smartphone!
@@BraydenGirard thanks for that. I’ll look for some on Amazon. Are you planning on going further with this tutorial? Getting into more advanced stuff possibly?
@@rcarias78 I will likely be doing more videos on Htmx and Alpine and going further on those two technologies. Whether I am using Hono or not is up in the air still but the concepts will apply across whichever backend is being used.
Damn, after 2 years. I enjoyed the Svelte videos. Funny how I have also partly transitioned from Sveltekit to a Hono|HTML|Deno Deploy stack and now you post this. Glad to see you back
There is more Svelte coming! Just waiting for Svelte 5 to be stable. But also focusing on some more HTML and SSR content!
@@BraydenGirard That's great. I think Runes and all the new things are going to propel svelte even more. I'm kind of liking htmx even for serious complex stuff. I'm trying out a massive multi tenant setup at the moment with Turso for the database layer. Would you see yourself shipping a production service on htmx|hono|deno?
@@ProtoscribeI definitely would, I think that’s a great stack. Turso is also a great piece of technology. I think one of the bigger benefits though with Htmx is that you don’t have to use JavaScript on the backend.
@@BraydenGirard ah thats good to know. One think I'm trying to figure out with htmx if hitting an API rather than a full stack app is setting a cookie for authentication because the point is not to write any JavaScript on the front end with htmx. You end up having to write JavaScript on the front end to set the cookie
The cookie should be set server side, Hono has docs on this if you check the cookie helper section!
long time no see... welcome back!
More to come! Thanks, for sticking around.
Hey Brayden, your STRAPI tutorials are the best out there! Could you please create a playlist dedicated to most users issues? Specially around the bloody Email Plugin (sending email, sending confirmation email for registered users, sending forgotPassword email, setting up programmatic email that are event triggered, setting up AMZ SES as a mail service ), Migrations, Deployment, Dockerization (these last 3 topics have merciless utterly shitty documentation on STRAPI) The list is endless: if you need inspiration let me know I'll send you more.
Thanks!
Thank you!
bro, I have only one problem you are not focusing on KZread you can do so much, but you are not doing it
I'm going to be getting back to releasing videos soon, anything you would like to see ?
@@BraydenGirard please make a video on making a proper Shopify store thank you!
Thumbs Up Subscribed Now waiting for new & next videos to come out
Understood every single thing uptil now but IG you've discontinued the course now man
This will change soon!
Great Video man, Liquid is just like JS
Greatly Insightful man 💪🏼💪🏼
Got through this, making progress 💪🏼 It's easy & straight to point man. Amazing content
Love the video man, Just one thing, I cannot understand which code editor you are using for liquid. Is it the base Shopify or something else? Whatever the case, can you teach how to get that?
This was the built in file editor in Shopify at the time, it may no longer exist.
Thank you
Too liquid
You rock man thank you!
Fantastic! Can I deploy the sveltekit project with dynamic routing on netlify?
Yes they have an adapter for Netlify - kit.svelte.dev/docs/adapter-netlify
plz tell me about drop shipping and how to start
Not my specialty sorry!
This is my life everyday in the summer living on my 28' sailboat in Michigan. Developing with SvelteKit and Wordpress all day lol! Code during day and sail in later afternoon and evenings! Been doing it for a long time now, and it's awesome! I think you have even helped me a few times in the past with some of your tutorials on SvelteKit... who knew!
really cool setup - do you ever get sick from focusing on the monitor while the boat is constantly moving?
I don't even notice to be honest.
Thank you for this tutorial, especially the mongodb connection part.
Im considering getting into liveaboard w/ my partner, hop along the coasts of the USA while i work from boat as a SE. I'm at the 'looking into it' stage of planning, haha. Have you had a lot of difficulty with the actual legal/tax implications of moving between harbors in the states while working remotely?
I have only done this in my own Country for now, I am lucky and live by a larger river. I hope to travel abroad in the future but not the right time for me now.
Randomly searched for developers working on a sailboat and saw this, then your avatar. I learned SvelteKit stuff from you a couple years ago back before the big routing change. 😂 Still using Svelte? Do you work full time while living on board? Do you work while under way? And what are any unexpected or tricky things you had to figure out or manage doing this? Pretty much my dream, other than getting my workplace on Svelte which is actually starting to happen.
I spend a lot of time at anchor when working. While I am travelling on the boat I usually do so during down time from work, too much to focus on to get into deep working sessions. I live on a larger river so I travel up and down the river in the summer months but hope to do larger passages in the future.
Hi! Great video.... quick question. We have to refresh our preview each and every time we make an adjustment however yours changed as soon as you pressed the save button. Was this an editing trick or is there a way to enable our preview to update automatically after we press save on the theme editor?
This was built into the Shopify editor at the time this may have changed since.
Beautiful
🌟 Promo'SM
👍🏽
Hi thanks for the tutorial. I deployed but Im facing some problems. In vercel deployment logs I am getting: Type: Serverless Function Function: / Error: RequestId: 51e45fd6-67a8-452a-b278-ccab5edfa441 Error: Runtime exited with error: exit status 1 Runtime.ExitError