How To Setup A Golang + Templ Project Structure

  Рет қаралды 46,941

Anthony GG

Anthony GG

6 ай бұрын

► 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
╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝

Пікірлер: 85
@anthonygg_
@anthonygg_ 6 ай бұрын
► 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 6 ай бұрын
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 6 ай бұрын
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. 😍
@nicklesseos
@nicklesseos 6 ай бұрын
Thank you for making this! This is a lot easier to understand then the stream
@milanutekal5083
@milanutekal5083 6 ай бұрын
ThePrimeTime "From Svelte to Go and HTMX"
@bastianwegge
@bastianwegge 6 ай бұрын
Really good video! I really enjoy the Templ + Go stuff. Would be very grateful about more in-depth problems you solved with this combination.
@felipedavid2106
@felipedavid2106 6 ай бұрын
Really nice video. Keep them coming!
@Kats0unam1
@Kats0unam1 6 ай бұрын
Good video, thanks Anthony!
@manee427
@manee427 6 ай бұрын
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
@serene6182
@serene6182 6 ай бұрын
Weve been waiting for this! U rock!
@gregorydaggett7444
@gregorydaggett7444 5 ай бұрын
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!
@mariomoo
@mariomoo 6 ай бұрын
This is an amazing tutorial, thanks!
@bradclonan7254
@bradclonan7254 6 ай бұрын
Great video, thank you!
@tigranrostomyan9231
@tigranrostomyan9231 6 ай бұрын
you have the best youtube channel about golang... it's crazy how good your content is!
@anthonygg_
@anthonygg_ 6 ай бұрын
Ty ❤️
@ataraxiaagape
@ataraxiaagape 4 ай бұрын
I absolutly agree, none of other golang channels makes the settup and internal architecture so well and consistent.
@Laflamablanca969
@Laflamablanca969 6 ай бұрын
Love your work mate 🎉
@faustofusse7972
@faustofusse7972 5 ай бұрын
great video my man
@DanteMishima
@DanteMishima 6 ай бұрын
This is very informative, thank you. This is, however, the first video I've had to watch at 3/4 speed - you were flying
@cybermindable
@cybermindable 6 ай бұрын
Amazing. More videos about templ and htmx please!
@pseabrook
@pseabrook 6 ай бұрын
Scotlands greatest export does it again! Fantastic videos Tony!
@Tantewillieja
@Tantewillieja 5 ай бұрын
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.
@xxgunnery
@xxgunnery 6 ай бұрын
Bro Golang and Templ are amazing, I'm loving it. The dev tooling for Templ is fantastic + air for hot reload. Perfection!
@serene6182
@serene6182 6 ай бұрын
Templ already has hot reload. The documentation says to use: templ generate --watch --proxy="localhost:8080" --cmd="runtest"
@IvanRandomDude
@IvanRandomDude 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.
@hemanthkumarkola001
@hemanthkumarkola001 6 ай бұрын
Hi Anthony, Big Fan.
@cole.maxwell
@cole.maxwell 6 ай бұрын
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_ 6 ай бұрын
Thanks for the feedback
@chriskryx
@chriskryx 3 ай бұрын
Just discovered your channel :) Love the laid back style. I'm coming from Django + HTMX. Go looks very promising. Thanks for what you do.
@alexandersemionov5790
@alexandersemionov5790 5 ай бұрын
cool. I followed all the steps and errors 100%. Thank you. I really do understand templ better now
@KimHogeling
@KimHogeling 5 ай бұрын
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!
@timbouma6
@timbouma6 6 ай бұрын
Yo this is cool!
@darthvader4899
@darthvader4899 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
@RoborobsComputers
@RoborobsComputers 6 ай бұрын
having the same issue.
@DanteMishima
@DanteMishima 6 ай бұрын
The blind homies appreciate the zoom 😂
@SomeRandoOnTheInternet
@SomeRandoOnTheInternet 6 ай бұрын
Love the video. My only complaint about the sound is the plosives. Highly recommend a pop filter. Keep up the great vids!
@anthonygg_
@anthonygg_ 6 ай бұрын
Yes its super annoying. I had a popfilter but didnt help to much either
@atipuginhere
@atipuginhere 6 ай бұрын
You can also implement `echo.Renderer` and use templ with echo's built-in `c.Render(...)` func
@davidmmadden
@davidmmadden 6 ай бұрын
more of this please. and htmx
@godofpro5767
@godofpro5767 6 ай бұрын
Very good video, i think a video on HTMX would be amazing
@bilbobeutlin3405
@bilbobeutlin3405 6 ай бұрын
Thank you so much 🙏 Go + templ will be the hype stack of 2024
@cristophermoreno2290
@cristophermoreno2290 6 ай бұрын
yes
@oitan
@oitan 5 ай бұрын
A man's got to do what a man's got to do
@flowerremoon
@flowerremoon 5 ай бұрын
Men go to do what a Go man's to do.
@0lange
@0lange 6 ай бұрын
Please make a video on deployment (when you also have a database)
@more-sun
@more-sun 6 ай бұрын
Any tutorials for how you use web components for some interactivity?
@muneefaltamimi8677
@muneefaltamimi8677 6 ай бұрын
I'd love to see a tutorial video on how you navigate fast in VScode with this VIM extension.
@yongkangchia1993
@yongkangchia1993 6 ай бұрын
Same here
@gocanto
@gocanto 6 ай бұрын
Sick
@morkhoudia9
@morkhoudia9 4 ай бұрын
Amazing video. Could you add a crud golang 1.22 using built-in template ? Postgrsql or sqlite ...
@trashmail8
@trashmail8 4 ай бұрын
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! :)
@nexovec
@nexovec 6 ай бұрын
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
@seanZG 4 ай бұрын
Will we get the htmx course included if we already purchased the full time go dev course?
@ShivamSingh-bl3fg
@ShivamSingh-bl3fg 6 ай бұрын
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.
@cristophermoreno2290
@cristophermoreno2290 6 ай бұрын
holy s#!t .... we are living in the future. thanks for this video
@andrescarignano2691
@andrescarignano2691 6 ай бұрын
👏👏👏👏👏
@ashraf6625
@ashraf6625 6 ай бұрын
I'm having trouble trying to use css libraries like tailwindcss.
@RealFlicke
@RealFlicke 6 ай бұрын
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 5 ай бұрын
You want a framework :). Go peeps generally want libraries :).
@trbry.
@trbry. 6 ай бұрын
gave a comment (this) and like just for the 'I don't like short fast videos' comment ^^
@sep1ol
@sep1ol 6 ай бұрын
is there any way to fix the damn vscode? that can be a real pain in the ass when developing
@sandorgyongyosi8285
@sandorgyongyosi8285 6 ай бұрын
isnt Gin support func (context) error? I used to use it in my apis
@DownloadableFox
@DownloadableFox 6 ай бұрын
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
@awesomedavid2012
@awesomedavid2012 6 ай бұрын
Would you add the generated templ files to a gitignore in a real project, or leave them in the git history?
@anthonygg_
@anthonygg_ 6 ай бұрын
Good question. Not sure. Maybe ignoring is a good idea
@ho-dg6zi
@ho-dg6zi 4 ай бұрын
So can anyone explain is this server side rendering?
@alexv3312
@alexv3312 10 күн бұрын
You know you can hover the red squiggly and see what's wrong, as well as auto fixes, right? Right?
@ekallivrousis
@ekallivrousis 6 ай бұрын
Hey Anthony! Do you have some place where you share your vs code setup?
@anthonygg_
@anthonygg_ 6 ай бұрын
Its somewhere on my github. github.com/anthdm
@japchapOne
@japchapOne 6 ай бұрын
Which vscode theme are you using? It's really easy on the eyes
@anthonygg_
@anthonygg_ 6 ай бұрын
Gruvbox
@adanpalma4026
@adanpalma4026 13 күн бұрын
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
@paca3107
@paca3107 6 ай бұрын
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
@hstivggfghyhgfg8359 4 ай бұрын
Pro just use v8 to run react in go server
@dj-yv7oi
@dj-yv7oi 4 ай бұрын
can i please type
@wixoooooo
@wixoooooo 6 ай бұрын
@anthonygg_ You are the best and a beast my Bro ! Your content is so gooood !!!!!!! Love ya !
@humourcourt
@humourcourt 6 ай бұрын
i dont recommend you to user templ, juste golang html/template
@MarcoDamaceno
@MarcoDamaceno 18 күн бұрын
Why not?
@SachinPuranik8978
@SachinPuranik8978 6 ай бұрын
Hi Anthony, Its super experience to learn from your viodeo! By chance did you release your next videos in this series kzfaq.info/get/bejne/eLGdZN2H0bvRon0.html ?
@msn6294
@msn6294 6 ай бұрын
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
Why Templates Sucks and Are Better than JSX
8:33
ThePrimeTime
Рет қаралды 43 М.
Beginners Should Think Differently When Writing Golang
11:35
Anthony GG
Рет қаралды 96 М.
Became invisible for one day!  #funny #wednesday #memes
00:25
Watch Me
Рет қаралды 29 МЛН
Smart Sigma Kid #funny #sigma #comedy
00:25
CRAZY GREAPA
Рет қаралды 11 МЛН
버블티로 체감되는 요즘 물가
00:16
진영민yeongmin
Рет қаралды 98 МЛН
터키아이스크림🇹🇷🍦Turkish ice cream #funny #shorts
00:26
Byungari 병아리언니
Рет қаралды 29 МЛН
The BEST Tool to Structure Golang Projects
7:58
Melkey
Рет қаралды 19 М.
Mastering Dependency Injection In Golang
14:29
Anthony GG
Рет қаралды 44 М.
Getting Started with HTMX and Go [HTMX Tutorial Part 1]
25:29
NoobScience
Рет қаралды 7 М.
Complete Backend API in Golang (JWT, MySQL & Tests)
1:37:57
HTMX: 3 IRL Use Cases
18:33
ThePrimeTime
Рет қаралды 107 М.
Is HTMX a Joke??
32:15
Syntax
Рет қаралды 17 М.
HTMX - What they don't want you to know!
13:28
CoderOne
Рет қаралды 80 М.
Introducing The GoTTH Stack - Go, Tailwind CSS, Templ & HTMX
28:29
HTMX Is Amazing And This Is Why
7:48
Anthony GG
Рет қаралды 40 М.
Became invisible for one day!  #funny #wednesday #memes
00:25
Watch Me
Рет қаралды 29 МЛН