Introducing The GoTTH Stack - Go, Tailwind CSS, Templ & HTMX
ฝัง
- เผยแพร่เมื่อ 19 มิ.ย. 2024
- github.com/tomdoesTech/gotth
In this video, we take a look at the GoTTH stack, a minimal stack for building web applications with Go, Tailwind CSS, Templ, and HTMX. Please feel free to contribute to the stack or let me know what other features you'd like.
🌎 Follow me here:
Discord: / discord
Twitter: / tomdoes_tech
Facebook: / tomdoestech
Instagram: / tomdoestech
TikTok: / tomdoes_tech
☕ Buy me a coffee: www.buymeacoffee.com/tomn - บันเทิง
I can't wait for you to create a full tutorial with this stack, building an app as an example.
So you can learn how to build it and then release your own tutorial?
He only creates TODO apps. no real software developer.
I can't wait to try out the stack! I like it already and I'm definitely giving it a star ⭐
Thanks for creating, making available, and explaining, this excellent work.
Same can't wait for a full tutorial
I can't thank you enough for this. Keep up this amazing content.🙏
Great stuff Tom!
looks amazing, thanks a lot for your work!
nice one tom, loving this.
A nice balance of basic tutorial and advice on best practices.
More go stuff pls!
Good to see everyone switching to Go ❤❤
"everyone" no. Infact Most people are moving away from go.
woah wild statement mate. I hope you have facts to back it up. Coz I have many friends working in startups that are making their APIs specially in go
@@spoodermen2530
@@spoodermen2530 professional dev isn't moving away from Go. The last 5 years or so I've seen more of the companies I work with moving towards Go. Typically upgrading their tech stack from node backend and/or Python to Go. During my last job search as well (few months ago), I saw more Go roles than I've seen in the past.
@@spoodermen2530 moving where?
@@aleksandrpetrov3938 python, JS, C#, rust
Great content!
Interesting stack
I would love to see you add turso as the db
25:30 you can actually use templ generate -watch there, or use air for regenerating templates too
It does that now
what's your thought on Pocketbase, could you make a video on that?
I haven't looked at pocketbase in a while. I just had a quick look at it looks cool. I'd need to build something with it though
Great Stuff Tom!
I have a question with regards to the CSP Middleware, I managed to run the program with no errors but it's not rendering the styles on the website, I haven't changed a thing except the sha256 that I used coming from the console when an error is detected when sha isn't declared. It also shows the css file on the sources tab.
I still don't get it why it's not working though, any Idea why this occurs?
I found the issue, it's because of `TextHTMLMiddleware`, the browser didn't load the css file because of its MIME Type. Thanks BTW!
Another Question though, does the sha256 keeps changing if I add css on the input.css?
First like. That’s gangsta
ive been using go and htmx for a few months and it works great, but theres a problem. i want to put as little thinking power into my projects as possible and with this stack u have to rewrite things such as datatables frequently, when in other frameworks such as ruby on rails, this is easy to do.
You could have a components folder for atomic and reusable components, then create a routes folder for screen views. Would fit modern frontend ways of working.
I tried to make the components folder but couldn't get it to work. I didn't spend much time on it though to be honest. I like the individual handlers for routes, but it's probably just because that's what I'm used to
I managed to get things setup quite nicely, but I am also not experienced with Go in general so don't know what the gotchas are when structuring a project. I had the intensions to create a routes folder that colocated the handlers and screen templates together. Then a components and layouts folder separate which works alright so far. My assumption was that the handlers drive the main routes so why not co locate them, then components folder is atomic. @@TomDoesTech
If you like we can collab on a starter template@@TomDoesTech
Great work with this content and a general thumbs WAY UP to this stack! I've been tinkering with go/templ/tailwind/htmx and really liking it. I've been using echo instead of chi but any go web framework will work depending on your needs (or just native net/http even)... also just noting I've seen reference to a GoTHAM stack as well with is essentially GoTTH plus a database layer which is mariaDB.
When I made this I had only worked with Chi but I've since worked with Echo and it's pretty good. I like that the handlers return errors.
I did end up adding an SQLlite database to this repo
Mr Tom make more stuff on Htmx and Go as like forms
Why are you using jwt rather than session? As HTMX creator says, session based authentication is more suitable for HTMX, because HTMX is meant to be a monolithic and server central architecture.
Pretty bold of you not to at least wear a black shirt while presenting the GoTTH stack.
Looks very good. Can't wait to try this on a side project. What I'd love to see is a CLI tool similar to Create-T3-App (Create-GOTTH-App?) that generates all the files needed and also allows the user to choose what database they want to use, whether they want auth, etc.
Also:
Do you want to use Tailwind or MUI?
o Tailwind x MUI
Wrong answer, using Tailwind instead...
@@owenwexler7214 that's a really cool idea
Question: what if you need a single backend with multiple frontend?. With HTMX the backend seems to be more coupled to the frontend. Am I wrong?
You can write all frontends in HTMX.
Great video! There's a problem with the 'Content-Security-Policy' with Safari though:
"Refused to execute a script because its hash, its nonce, or 'unsafe-inline' does not appear in the script-src directive of the Content Security Policy."
"Refused to apply a stylesheet because its hash, its nonce, or 'unsafe-inline' does not appear in the style-src directive of the Content Security Policy."
I've not found how to fix this yet. Any idea?
I forgot Safari even existed tbh so I haven't looked into it
@@TomDoesTech Yeah Safari always does things its way., but iOS and macOS is a somewhat large enough market that I can't leave unsupported..
@@Miyan00000 you can easily fix it, either add unsafe-inline or put it in a style sheet and I assume you can make htmx not add the css
@@TomDoesTech Yes that's what I did, thanks
can you make a video about step by step how to set up this source code. I tried to set up from scratch but having trouble with air (same file config as yours), when i ctrl+c to terminate the server, it's still running even though it works fine with go run command. Any idea ?
I get that if it panics and I ctrl+c, never been able to find a solution to it. Other than that, it works fine. I'm not sure what your issue is, it should just work.
How many of these go+htmx stacks out there already )) GOTTH HATE PTJ. The mission of every HTMX developer is to generate the yet another stack name ))
This is the superiorest stack
Has anyone got CSP error for styles.css? Please help
Sir Could you create an Advanced course on Express and Node js APIs from scratch
The old one looks difficult for a beginner
How would I make an advanced course for a beginner?
templ generate -watch
Go is life on easy mode. It’s crazy how good it is. lol at people still using Python honestly. I understand the appeal of Django and it’s great, but Python is ass garbage
Bro I am a beginner, many of the things go above my head but I want to start with only HTMX+GO and I am interested in it. Could u please guide me or something...some tutorials or a basic project or something? pls
I think very quickly we're gonna have huge amount of files in handlers folder. Looks like not the best attitude
so? what's wrong with that?
@@TomDoesTech i don't know. May be nothing. That was just a thought in my head. I still don't know what are the best ways and attitudes