Brayden Girard

Brayden Girard

Husband and Father of two, Web Developer, Sailor

Shopify Liquid Tags - Theme

Shopify Liquid Tags - Theme

Пікірлер

  • @businessnews5710
    @businessnews57109 күн бұрын

    Why this type of tutorial is very rare on KZread .??

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

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

  • @berliangur
    @berliangur11 күн бұрын

    @@BraydenGirard unfortunately it wont work with daisyui

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

  • @BraydenGirard
    @BraydenGirard11 күн бұрын

    @@berliangur Ah that sucks, I haven't tried myself too many CSS frameworks to keep track of :P

  • @BraydenGirard
    @BraydenGirard11 күн бұрын

    @@berliangur I haven't tried this approach but HTMX should work ? or do you mean the combination of HTMX with DaisyUI ?

  • @RaghuRoxx
    @RaghuRoxx22 күн бұрын

    Not dynamite but se electronics

  • @arystanbekjetisy7329
    @arystanbekjetisy7329Ай бұрын

    Bruh wth is this

  • @jeetchheda8916
    @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 🥹🥹😂

  • @ejikembaekwe1604
    @ejikembaekwe16042 ай бұрын

    Simple, short and straight to the point

  • @TheAliAhad
    @TheAliAhad2 ай бұрын

    Brother! You look like Henry Cavill from Superman. Need more Tutorial about Hono, htmx, and Cloudflare workers.

  • @rafi_45
    @rafi_453 ай бұрын

    Can I integrate database like sqlite and deploy it in this project?

  • @BraydenGirard
    @BraydenGirard3 ай бұрын

    Using a service like Turso it’s really easy! Take a look at turso.tech as that’s what I use.

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

  • @BraydenGirard
    @BraydenGirard3 ай бұрын

    That doesn’t sound right, are you still having issues? Maybe try from a vpn?

  • @RushikeshKhatkhede
    @RushikeshKhatkhede4 ай бұрын

    Hey welcome back!, Used to watch your svelte videos.

  • @zhanezar
    @zhanezar4 ай бұрын

    great little tutorial , im starting to like hono js , still use svelte for most things though

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

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

  • @BraydenGirard
    @BraydenGirard4 ай бұрын

    Next video will be using Elysia, that’s what iv been using on my most recent project and really enjoying!

  • @HomeEngineer-wm5fg
    @HomeEngineer-wm5fg4 ай бұрын

    Exactly what I needed.

  • @sysmyth
    @sysmyth4 ай бұрын

    Legit fell over when you squeezed a deployment and an update into the last 2 minutes. Great content. Subscribed

  • @rgarafulicm
    @rgarafulicm4 ай бұрын

    But isn't 'site' an object? I am just starting with shopify and see that are lots of json files.

  • @MarkVolkmann
    @MarkVolkmann4 ай бұрын

    I love the combination of Hono, htmx, and Cloudflare workers!

  • @BraydenGirard
    @BraydenGirard4 ай бұрын

    It’s really nice!

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

  • @MarkVolkmann
    @MarkVolkmann4 ай бұрын

    What are the benefits to specifying caching the way you did versus using a service worker to manage caching?

  • @BraydenGirard
    @BraydenGirard4 ай бұрын

    You can do either, I like using the built in HTTP functionality whenever I can, keeps things simple.

  • @user-io2ru3cs8d
    @user-io2ru3cs8d5 ай бұрын

    Welcome back 🎉

  • @BraydenGirard
    @BraydenGirard5 ай бұрын

    Thanks!

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

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

  • @MarkVolkmann
    @MarkVolkmann5 ай бұрын

    Nice video! Another option is to use Bun and it’s built-in JSX support to generate HTML in the endpoints.

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

  • @MarkVolkmann
    @MarkVolkmann5 ай бұрын

    @@BraydenGirard With the template literal approach, is VS Code able to detect errors in the HTML like improperly nested or unclosed tags?

  • @BraydenGirard
    @BraydenGirard5 ай бұрын

    @MarkVolkmann yes if you install the lit html plugin!

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

  • @BraydenGirard
    @BraydenGirard5 ай бұрын

    Sorry! I’ll have that fixed on the next video, I didn’t realize it was so bad.

  • @vldthdrgn
    @vldthdrgn5 ай бұрын

    Can't wait for more videos! @@BraydenGirard

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

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

  • @rcarias78
    @rcarias785 ай бұрын

    Love the simple and clear explanation. HTMX #htmx FTW 🙌🏽 Also,what is your setup, that lighting is amazing!

  • @BraydenGirard
    @BraydenGirard5 ай бұрын

    Just a couple key lights and some coloured smart bulbs! Video is shot on my smartphone!

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

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

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

  • @BraydenGirard
    @BraydenGirard5 ай бұрын

    There is more Svelte coming! Just waiting for Svelte 5 to be stable. But also focusing on some more HTML and SSR content!

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

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

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

  • @BraydenGirard
    @BraydenGirard5 ай бұрын

    The cookie should be set server side, Hono has docs on this if you check the cookie helper section!

  • @greendsnow
    @greendsnow5 ай бұрын

    long time no see... welcome back!

  • @BraydenGirard
    @BraydenGirard5 ай бұрын

    More to come! Thanks, for sticking around.

  • @g.o.6321
    @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.

  • @designmycity
    @designmycity5 ай бұрын

    Thanks!

  • @BraydenGirard
    @BraydenGirard5 ай бұрын

    Thank you!

  • @Youtube-demo-gaming
    @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

  • @BraydenGirard
    @BraydenGirard5 ай бұрын

    I'm going to be getting back to releasing videos soon, anything you would like to see ?

  • @Youtube-demo-gaming
    @Youtube-demo-gaming5 ай бұрын

    @@BraydenGirard please make a video on making a proper Shopify store thank you!

  • @ecomAarush
    @ecomAarush6 ай бұрын

    Thumbs Up Subscribed Now waiting for new & next videos to come out

  • @ecomAarush
    @ecomAarush6 ай бұрын

    Understood every single thing uptil now but IG you've discontinued the course now man

  • @BraydenGirard
    @BraydenGirard5 ай бұрын

    This will change soon!

  • @ecomAarush
    @ecomAarush6 ай бұрын

    Great Video man, Liquid is just like JS

  • @ecomAarush
    @ecomAarush6 ай бұрын

    Greatly Insightful man 💪🏼💪🏼

  • @ecomAarush
    @ecomAarush6 ай бұрын

    Got through this, making progress 💪🏼 It's easy & straight to point man. Amazing content

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

  • @BraydenGirard
    @BraydenGirard5 ай бұрын

    This was the built in file editor in Shopify at the time, it may no longer exist.

  • @bharatrav1764
    @bharatrav17646 ай бұрын

    Thank you

  • @salikapratama
    @salikapratama6 ай бұрын

    Too liquid

  • @jaidendechon7960
    @jaidendechon79607 ай бұрын

    You rock man thank you!

  • @ShuminZhou
    @ShuminZhou8 ай бұрын

    Fantastic! Can I deploy the sveltekit project with dynamic routing on netlify?

  • @BraydenGirard
    @BraydenGirard5 ай бұрын

    Yes they have an adapter for Netlify - kit.svelte.dev/docs/adapter-netlify

  • @royalegaming6088
    @royalegaming60889 ай бұрын

    plz tell me about drop shipping and how to start

  • @BraydenGirard
    @BraydenGirard5 ай бұрын

    Not my specialty sorry!

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

  • @mirzacickusic
    @mirzacickusic9 ай бұрын

    really cool setup - do you ever get sick from focusing on the monitor while the boat is constantly moving?

  • @BraydenGirard
    @BraydenGirard5 ай бұрын

    I don't even notice to be honest.

  • @akinolavictor6484
    @akinolavictor64849 ай бұрын

    Thank you for this tutorial, especially the mongodb connection part.

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

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

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

  • @BraydenGirard
    @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.9312
    @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?

  • @BraydenGirard
    @BraydenGirard5 ай бұрын

    This was built into the Shopify editor at the time this may have changed since.

  • @ginjirouundercover3652
    @ginjirouundercover365211 ай бұрын

    Beautiful

  • @udaleswanagan9568
    @udaleswanagan956811 ай бұрын

    🌟 Promo'SM

  • @user-rl4dx4hp6c
    @user-rl4dx4hp6c11 ай бұрын

    👍🏽

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