Freedom Stack
A full-stack Astro starter kit that feels freeing and is free. Ready for use, and even better when using Cursor's IDE.
Overview
Freedom Stack is an innovative web development toolkit designed to streamline building modern applications. While its initial version, FS v1, is no longer in active development, the release of FS v2 laid the groundwork for the much-anticipated FS v3. This toolkit aims to blend powerful functionality with a user-friendly experience, making the process of web development both efficient and enjoyable. With a combination of cutting-edge technologies like Astro, TypeScript, and HTMX, it caters to developers who appreciate a modern, type-safe approach.
Whether you’re launching a simple project or a full-scale web application, Freedom Stack empowers you to bring your ideas to life with ease. It serves as a full-stack starter kit that emphasizes fun and creativity while minimizing the complexity often associated with web development.
Features
- Astro Web Framework: A versatile framework designed for content-driven websites that enhances performance and development speed.
- TailwindCSS & DaisyUI: Utility-first CSS framework paired with a library for pre-made components, enabling rapid UI development.
- HTMX: A powerful extension for HTML that allows you to build modern interactivity into your sites without heavy frameworks.
- Astro DB: A fully managed database that ensures type safety, making data management straightforward and reliable.
- Better Auth: An easy-to-implement authentication solution that prioritizes both simplicity and security.
- Alpine.js: A lightweight JavaScript framework that adds reactivity and interactivity to your applications with minimal overhead.
- TypeScript Integration: Offers type safety throughout your development process, reducing the likelihood of runtime errors.
- Generous Free Tier: Turso provides free database hosting, allowing new projects to get started without immediate financial commitments.
- Astro
Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy everywhere, all powered by your favorite UI components and libraries.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Alpine.js
Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.
- daisyUI
daisyUI adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
- Drizzle ORM
Drizzle ORM is a TypeScript ORM for SQL databases designed with maximum type safety in mind. It comes with a drizzle-kit CLI companion for automatic SQL migrations generation. Drizzle ORM is meant to be a library, not a framework. It stays as an opt-in solution all the time at any levels.
- Templates & Themes
A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.