This hands-on workshop will guide you through building a modern web application using a powerful and efficient tech stack. You'll create a complete web application with server-side rendering, dynamic frontend interactions, database operations, and beautiful styling—all with minimal JavaScript.
Duration: 2 hours
Format: Live coding with attendee participation
What it is: A statically typed, compiled language designed for simplicity, efficiency, and safety. Perfect for building robust web servers.
What it is: A type-safe HTML templating language for Go that compiles templates to Go code, providing excellent performance and compile-time safety.
What it is: A lightweight JavaScript library that allows you to access modern browser features directly from HTML, enabling dynamic content without writing JavaScript.
What it is: A tool that generates type-safe Go code from SQL queries, making database interactions safer and more efficient.
What it is: A popular relational database system (we'll use an in-memory version for the workshop).
What it is: A utility-first CSS framework that enables rapid UI development with predefined classes.
For our workshop project, we'll build a simple task management application. This is an ideal starter project because:
- It demonstrates basic CRUD operations (Create, Read, Update, Delete)
- The data model is straightforward
- It provides opportunities to showcase HTMX interactions
- It's practical and relatable
- Creating new tasks
- Listing all tasks
- Marking tasks as complete
- Editing task details
- Deleting tasks
- Filtering tasks by status
IMA refers to Identity Management and Access, which encompasses user authentication, authorization, and account management for web applications. While we won't be implementing IMA in this workshop due to time constraints, it's an essential consideration for production applications.
For those interested in adding authentication to their applications, here are recommended third-party solutions:
-
Auth0: A complete identity platform with features like single sign-on, multi-factor authentication, and social logins.
-
Clerk: A developer-friendly authentication solution that provides pre-built components and SDKs for various frameworks.
-
WorkOS: Enterprise-ready authentication with features like SSO, directory sync, and audit logs.
These solutions save development time and provide robust security compared to building authentication systems from scratch.
Throughout the workshop, we'll be leveraging AI to enhance our development process:
- Code Generation: Using AI to generate boilerplate code and repetitive components
- Debugging Assistance: Getting help with error messages and implementation challenges
- Feature Expansion: Brainstorming with AI for additional features or improvements
- Code Explanations: Having AI explain complex patterns or unfamiliar syntax
Workshop attendees are encouraged to bring accounts for Claude, ChatGPT, or GitHub Copilot. The Cursor editor with built-in AI support is also an excellent option.
- Review the installation guide and set up your development environment
- Clone the starter repository (will be provided at the workshop)
- Familiarize yourself with the tech stack components
- Bring questions and ideas to the workshop!