How To Setup A Golang + Templ Project Structure

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

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

  • @anthonygg_
    @anthonygg_  11 месяцев назад +1

    ► Join my Discord community for free education 👉 discord.com/invite/Ac7CWREe58
    ► Exclusive Lessons, Mentorship, And Videos 👉 www.patreon.com/anthonygg_
    ► 60% OFF on my Golang course 👉 fulltimegodev.com
    Thanks for watching

  • @x53LL33
    @x53LL33 11 месяцев назад +54

    this was amazing, new videos continuing from here with HTMX and connecting to a backend like supabase/ pocketbase would round it all of for many people to get started

    • @ToddHeslin
      @ToddHeslin 11 месяцев назад +10

      Pocketbase in particular as it can be imported as a library and also uses echo for routing. Could be the ultimate full stack with admin. 😍

  • @xxgunnery
    @xxgunnery 11 месяцев назад +9

    Bro Golang and Templ are amazing, I'm loving it. The dev tooling for Templ is fantastic + air for hot reload. Perfection!

    • @serene6182
      @serene6182 11 месяцев назад

      Templ already has hot reload. The documentation says to use: templ generate --watch --proxy="localhost:8080" --cmd="runtest"

  • @milanutekal5083
    @milanutekal5083 11 месяцев назад +31

    ThePrimeTime "From Svelte to Go and HTMX"

  • @cole.maxwell
    @cole.maxwell 11 месяцев назад +10

    For audio feedback: I highly recommend the “Electro-Voice RE20” + “Focusrite Vocaster One” setup. It’s basically plug and play. The RE-20 keeps your voice volume pretty consistent and eliminates pops while you move around the mic. You don’t need to eat the mic either like a shure sm7b. The Vocaster has a feature that can automatically set the gain on the mic too so you don’t have to mess with that either. Just my 2¢
    Thanks for putting this together!

    • @anthonygg_
      @anthonygg_  11 месяцев назад +2

      Thanks for the feedback

  • @tigranrostomyan9231
    @tigranrostomyan9231 11 месяцев назад +12

    you have the best youtube channel about golang... it's crazy how good your content is!

    • @anthonygg_
      @anthonygg_  11 месяцев назад +4

      Ty ❤️

    • @ataraxiaagape
      @ataraxiaagape 9 месяцев назад

      I absolutly agree, none of other golang channels makes the settup and internal architecture so well and consistent.

  • @IvanRandomDude
    @IvanRandomDude 11 месяцев назад +6

    I wish there was more interest and effort to develop fully functional InertiaJS adapter for Go. I was using it in Laravel and I was blown away. I think it is the best way to connect BE and FE.

  • @manee427
    @manee427 11 месяцев назад +5

    Hallo Anthony, amazing video. feedback for voice :it is in my opinion good and clear. size of font for coding is very good and can be visible even on small devices. keep going nice job

  • @DanteMishima
    @DanteMishima 11 месяцев назад +3

    This is very informative, thank you. This is, however, the first video I've had to watch at 3/4 speed - you were flying

  • @gregorydaggett7444
    @gregorydaggett7444 10 месяцев назад

    Thank you for posting this! I'm a new developer trying to figure out what the best tools are for website building, and this seems really interesting. As a musician who's wanting to build a passion project website, getting things up and running in a simple and straightforward manner seems better than React!
    For your sound, I would recommend that you add a wind screen between you and your mic. That will make the 'p' or 'pop' sounds far less noticeable. Second, you may want to position your mic further away from your face. They are pretty sensitive and will record your voice even if it's a little further away. If you are picking up background noise/ white noise, you can add a decibel [dB] filter. Test out how much you want to cut out - be careful not to cut into your regular speaking voice. This will also cut out any breath intakes and will make you sound even more pro!

  • @Froppindroppin
    @Froppindroppin 2 месяца назад

    Absolute unit. Great video, the hands on coding was beast. Thanks for the great content.

  • @nicklesseos
    @nicklesseos 11 месяцев назад +3

    Thank you for making this! This is a lot easier to understand then the stream

  • @bilbobeutlin3405
    @bilbobeutlin3405 11 месяцев назад +5

    Thank you so much 🙏
    Go + templ will be the hype stack of 2024

  • @KimHogeling
    @KimHogeling 9 месяцев назад

    Regarding a tip for your sound. Cutting the low bass (High Pass Filter from 100Hz maybe) could help to be able to boost the overall volume. Makes it easier on the ears too with less boomy popping noises for headphones users like me ;)
    Thanks for the great video btw!

  • @bastianwegge
    @bastianwegge 11 месяцев назад +2

    Really good video! I really enjoy the Templ + Go stuff. Would be very grateful about more in-depth problems you solved with this combination.

  • @Tantewillieja
    @Tantewillieja 9 месяцев назад

    Thanks for this great intro! You could also consider stepping away from MVC and add the handlers to the templ files. This way it will be more like a component based structure which is easier to maintain.

  • @pseabrook
    @pseabrook 11 месяцев назад +1

    Scotlands greatest export does it again! Fantastic videos Tony!

  • @darthvader4899
    @darthvader4899 11 месяцев назад +6

    My only problem right now with templ + htmx is the setup. I couldn’t setup the intellisense and autocomplete in vscode. Go language server doesn’t work in templ files

  • @alexandersemionov5790
    @alexandersemionov5790 10 месяцев назад +1

    cool. I followed all the steps and errors 100%. Thank you. I really do understand templ better now

  • @serene6182
    @serene6182 11 месяцев назад +1

    Weve been waiting for this! U rock!

  • @felipedavid2106
    @felipedavid2106 11 месяцев назад +2

    Really nice video. Keep them coming!

  • @godofpro5767
    @godofpro5767 11 месяцев назад +5

    Very good video, i think a video on HTMX would be amazing

  • @SomeRandoOnTheInternet
    @SomeRandoOnTheInternet 11 месяцев назад +1

    Love the video. My only complaint about the sound is the plosives. Highly recommend a pop filter.
    Keep up the great vids!

    • @anthonygg_
      @anthonygg_  11 месяцев назад +2

      Yes its super annoying. I had a popfilter but didnt help to much either

  • @oitan
    @oitan 10 месяцев назад +1

    A man's got to do what a man's got to do

    • @flowerremoon
      @flowerremoon 9 месяцев назад

      Men go to do what a Go man's to do.

  • @atipuginhere
    @atipuginhere 11 месяцев назад +1

    You can also implement `echo.Renderer` and use templ with echo's built-in `c.Render(...)` func

  • @chriskryx
    @chriskryx 8 месяцев назад

    Just discovered your channel :) Love the laid back style. I'm coming from Django + HTMX. Go looks very promising. Thanks for what you do.

  • @cybermindable
    @cybermindable 11 месяцев назад

    Amazing. More videos about templ and htmx please!

  • @more-sun
    @more-sun 11 месяцев назад +4

    Any tutorials for how you use web components for some interactivity?

  • @morkhoudia9
    @morkhoudia9 8 месяцев назад +1

    Amazing video. Could you add a crud golang 1.22 using built-in template ? Postgrsql or sqlite ...

  • @0lange
    @0lange 11 месяцев назад +2

    Please make a video on deployment (when you also have a database)

  • @Kats0unam1
    @Kats0unam1 11 месяцев назад +1

    Good video, thanks Anthony!

  • @muneefaltamimi8677
    @muneefaltamimi8677 11 месяцев назад +2

    I'd love to see a tutorial video on how you navigate fast in VScode with this VIM extension.

  • @hemanthkumarkola001
    @hemanthkumarkola001 11 месяцев назад +2

    Hi Anthony, Big Fan.

  • @faustofusse7972
    @faustofusse7972 10 месяцев назад

    great video my man

  • @DanteMishima
    @DanteMishima 11 месяцев назад +3

    The blind homies appreciate the zoom 😂

  • @nexovec
    @nexovec 11 месяцев назад +12

    Hey Anthony here are some suggestions for when you decide to make an HTMX video. I'm very interested in the extensions for websockets and SSEs, is that actually useable? Do you use hyperscript? Do you use event handlers for htmx and if yes could you go through them? Are there any efficient methods to read javascript files into templ files(because of linting and so on)?

  • @bradclonan7254
    @bradclonan7254 11 месяцев назад +1

    Great video, thank you!

  • @mariomoo
    @mariomoo 11 месяцев назад

    This is an amazing tutorial, thanks!

  • @trbry.
    @trbry. 11 месяцев назад +1

    gave a comment (this) and like just for the 'I don't like short fast videos' comment ^^

  • @davidmmadden
    @davidmmadden 11 месяцев назад

    more of this please. and htmx

  • @cristophermoreno2290
    @cristophermoreno2290 11 месяцев назад

    holy s#!t .... we are living in the future. thanks for this video

  • @seanZG
    @seanZG 9 месяцев назад

    Will we get the htmx course included if we already purchased the full time go dev course?

  • @sep1ol
    @sep1ol 11 месяцев назад +1

    is there any way to fix the damn vscode? that can be a real pain in the ass when developing

  • @timbouma6
    @timbouma6 11 месяцев назад +1

    Yo this is cool!

  • @ashraf6625
    @ashraf6625 11 месяцев назад +1

    I'm having trouble trying to use css libraries like tailwindcss.

  • @trashmail8
    @trashmail8 9 месяцев назад

    Instead of a Makefile, I'm currently using the live reload application 'wgo' to build and generate the templates, Tailwind CSS and also the server application in one go (heh), if there's any change in my project. :)
    Example command:
    wgo -file=.templ -file=.go -xfile=_templ.go templ generate :: npx tailwindcss -c ./configs/tailwind.config.js -i ./views/shared/input.css -o ./public_html/css/tailwind.css :: go run cmd/server/main.go
    wgo will apply templ generate to .templ and .go files (excluding the '_templ.go' files that it generates, otherwise it keeps going!)
    then it will generate my Tailwind CSS using 'npx tailwindcss' to produce a 'tailwind.css' output file and finally it 'go runs' the server application.
    Change anything, refresh browser.. done! :)

  • @benbowers3613
    @benbowers3613 2 месяца назад

    If you restart vscode the "Request textDocument" errors usually go away

  • @Laflamablanca969
    @Laflamablanca969 11 месяцев назад +1

    Love your work mate 🎉

  • @awesomedavid2012
    @awesomedavid2012 11 месяцев назад +1

    Would you add the generated templ files to a gitignore in a real project, or leave them in the git history?

    • @anthonygg_
      @anthonygg_  11 месяцев назад +1

      Good question. Not sure. Maybe ignoring is a good idea

  • @RealFlicke
    @RealFlicke 10 месяцев назад

    I saw this stack getting hyped up and tried it out by following your video (thanks btw!). But it's not for me for three reasons:
    - I really miss the complete and working code completion I get in Svelte templates.
    - the template compilation step is something you have to deal with yourself instead of being automatic
    - you are left on your own to figure out a good structure for your project. Before this tutorial I was completely lost
    So I guess what I want is a mature framework. But maybe we get there in the future.

    • @nanderv
      @nanderv 9 месяцев назад

      You want a framework :). Go peeps generally want libraries :).

  • @DownloadableFox
    @DownloadableFox 10 месяцев назад

    For the people using Fiber that are getting plain text returned, you can fix it by using:
    func Render(c *fiber.Ctx, component templ.Component) error {
    var writer bytes.Buffer
    component.Render(c.Context(), &writer)
    // Send the rendered component to the client.
    return c.Send(writer.Bytes())
    }
    There's probably a better way of doing it, if you have a better way please say in replies

  • @ekallivrousis
    @ekallivrousis 10 месяцев назад +1

    Hey Anthony! Do you have some place where you share your vs code setup?

    • @anthonygg_
      @anthonygg_  10 месяцев назад +2

      Its somewhere on my github. github.com/anthdm

  • @sandorgyongyosi8285
    @sandorgyongyosi8285 10 месяцев назад

    isnt Gin support func (context) error? I used to use it in my apis

  • @japchapOne
    @japchapOne 11 месяцев назад +1

    Which vscode theme are you using? It's really easy on the eyes

  • @ShivamSingh-bl3fg
    @ShivamSingh-bl3fg 11 месяцев назад

    Sir, I have recently started with golang and I like your content so much. Also could you please share the name of the theme that you use in VScode.

  • @alexv3312
    @alexv3312 4 месяца назад

    You know you can hover the red squiggly and see what's wrong, as well as auto fixes, right? Right?

  • @ho-dg6zi
    @ho-dg6zi 8 месяцев назад

    So can anyone explain is this server side rendering?

  • @gocanto
    @gocanto 11 месяцев назад

    Sick

  • @andrescarignano2691
    @andrescarignano2691 11 месяцев назад

    👏👏👏👏👏

  • @paca3107
    @paca3107 10 месяцев назад

    I don't know, maybe I am too stupid but I have problems with install templ. edit: I forgot add the directory to the path :) export PATH=$PATH:$(go env GOPATH)/bin

  • @adanpalma4026
    @adanpalma4026 5 месяцев назад

    I really likes your videos and tips and thanks for try to explain in a more relax an calm way. To me is really hard to follow because english is not my language. I am from Panama.
    I want to buy your courses but the speed how you talk its a stop for me

  • @terrencemoore8739
    @terrencemoore8739 2 месяца назад

    html/template looks way easier than templ, its probably just because i'm not a big fan of react

  • @doloreslaflipoflopo2746
    @doloreslaflipoflopo2746 2 месяца назад

    Antony, is this a Scottish accent I am hearing?

  • @dj-yv7oi
    @dj-yv7oi 8 месяцев назад

    can i please type

  • @hstivggfghyhgfg8359
    @hstivggfghyhgfg8359 9 месяцев назад

    Pro just use v8 to run react in go server

  • @SachinPuranik8978
    @SachinPuranik8978 11 месяцев назад

    Hi Anthony, Its super experience to learn from your viodeo! By chance did you release your next videos in this series ruclips.net/video/BKm1zVlUmrI/видео.html ?

  • @humourcourt
    @humourcourt 11 месяцев назад +1

    i dont recommend you to user templ, juste golang html/template

  • @wixoooooo
    @wixoooooo 11 месяцев назад +1

    @anthonygg_ You are the best and a beast my Bro ! Your content is so gooood !!!!!!! Love ya !

  • @msn6294
    @msn6294 11 месяцев назад +1

    if you researsh for us and build a best practice setup with a framwork(every one ) with tmpl and htmx i will help to save a lot of time. i would be tanksful. Do it plsssssss