How To Setup A Golang + Templ Project Structure

► Join my Discord community for free education 👉 / discord
► Exclusive Lessons, Mentorship, And Videos 👉 / anthonygg_
► Enjoy a 60% Black Friday Discount on My Golang Course 👉 fulltimegodev.com
► Learn how I became a self-taught software engineer 👉fulltimegodev.com/#mystory
► Follow me on Twitter 👉 / anthdm
► Follow me on GitHub 👉 github.com/anthdm
github.com/a-h/templ
echo.labstack.com/
SUBSCRIBE OR NO MARGARITAS
╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝

[@anthonygg_]

► 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

[@nicklesseos]

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

[@bastianwegge]

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

[@milanutekal5083]

ThePrimeTime "From Svelte to Go and HTMX"

[@x53LL33]

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]

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. 😍

[@manee427]

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

[@gregorydaggett7444]

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!

[@felipedavid2106]

Really nice video. Keep them coming!

[@serene6182]

Weve been waiting for this! U rock!

[@tigranrostomyan9231]

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

[@anthonygg_]

Ty ❤️

[@ataraxiaagape]

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

[@Kats0unam1]

Good video, thanks Anthony!

[@DanteMishima]

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

[@Tantewillieja]

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.

[@mariomoo]

This is an amazing tutorial, thanks!

[@cybermindable]

Amazing. More videos about templ and htmx please!

[@xxgunnery]

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

[@serene6182]

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

[@pseabrook]

Scotlands greatest export does it again! Fantastic videos Tony!

[@bradclonan7254]

Great video, thank you!

[@faustofusse7972]

great video my man

[@IvanRandomDude]

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.

[@chriskryx]

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

[@cole.maxwell]

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_]

Thanks for the feedback

[@Laflamablanca969]

Love your work mate 🎉

[@KimHogeling]

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!

[@alexandersemionov5790]

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

[@SomeRandoOnTheInternet]

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

[@anthonygg_]

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

[@hemanthkumarkola001]

Hi Anthony, Big Fan.

[@atipuginhere]

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

[@godofpro5767]

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

[@davidmmadden]

more of this please. and htmx

[@DanteMishima]

The blind homies appreciate the zoom 😂

[@timbouma6]

Yo this is cool!

[@darthvader4899]

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

[@RoborobsComputers]

having the same issue.

[@more-sun]

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

[@0lange]

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

[@oitan]

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

[@flowerremoon]

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

[@bilbobeutlin3405]

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

[@cristophermoreno2290]

yes

[@muneefaltamimi8677]

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

[@yongkangchia1993]

Same here

[@nexovec]

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)?

[@seanZG]

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

[@morkhoudia9]

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

[@ShivamSingh-bl3fg]

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.

[@ashraf6625]

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

[@cristophermoreno2290]

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

[@gocanto]

Sick

[@sep1ol]

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

[@RealFlicke]

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]

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

[@ekallivrousis]

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

[@anthonygg_]

Its somewhere on my github. github.com/anthdm

[@sandorgyongyosi8285]

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

[@awesomedavid2012]

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

[@anthonygg_]

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

[@trashmail8]

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! :)

[@japchapOne]

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

[@anthonygg_]

Gruvbox

[@trbry.]

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

[@andrescarignano2691]

👏👏👏👏👏

[@DownloadableFox]

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

[@ho-dg6zi]

So can anyone explain is this server side rendering?

[@paca3107]

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

[@hstivggfghyhgfg8359]

Pro just use v8 to run react in go server

[@dj-yv7oi]

can i please type

[@humourcourt]

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

[@MarcoDamaceno]

Why not?

[@SachinPuranik8978]

Hi Anthony, Its super experience to learn from your viodeo! By chance did you release your next videos in this series kzbin.info/www/bejne/eHzQYq2MobqgqKs ?

[@wixoooooo]

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

[@msn6294]

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