T5.rs

screenshot of T5.rs
tailwind
material-ui
supabase

T5.rs

An opinionated cross-platform full-stack application template developed with Rust, Cargo Mobile 2, Dioxus, Warp, Diesel, PostgreSQL, Supabase Auth, Bun and TailwindCSS.

Overview:

The document provides a detailed guide on setting up various tools for development processes, including installation instructions for cargo-mobile2, cargo-watch, bun, @material-tailwind/html, Supabase Auth, Database integration using PostgreSQL and Diesel CLI, and Supabase Storage. It also offers guidance on running the API server, building for different platforms such as Web and Desktop, and lists necessary prerequisites for development.

Features:

  • Cargo-mobile2 Installation: Enables mobile development environments using cargo.
  • Cargo-watch Installation: Facilitates automatic code reloading during development using cargo.
  • Bun Installation: Installs bun tool for various development tasks, including deployment and management.
  • @material-tailwind/html Installation: Aids in integrating Material Tailwind CSS styles.
  • Supabase Auth Setup: Guides on setting up authentication, database integration, and media storage with Supabase.
  • Database Integration: Includes instructions on PostgreSQL setup, Diesel CLI installation, and running migrations.
  • Supabase Storage Configuration: Details steps to create and configure storage buckets within Supabase for file management.

Installation:

  1. Install cargo-mobile2 using cargo install --git https://github.com/tauri-apps/cargo-mobile2
  2. Install cargo-watch using cargo install cargo-watch
  3. Install bun using curl -fsSL https://bun.sh/install | bash or powershell -c "irm bun.sh/install.ps1 | iex"
  4. Install @material-tailwind/html using bun install
  5. Setup Supabase Auth by copying .env.example to .env and filling in Supabase credentials.
  6. Configure Database by adding PostgreSQL connection string to .env and installing Diesel CLI.
  7. Setup Supabase Storage by creating buckets and configuring access for authenticated users.
  8. Run the API server with bun api or cargo run for the API folder.
  9. Compile and run Web app with bun web or dx serve.
  10. Compile Desktop app by installing prerequisites and setting up the environment variables.

Summary:

The document provides a comprehensive guide for developers to set up essential tools and services for efficient development processes. From mobile development environments to database integration and storage configurations, the instructions cover a wide range of tasks necessary for backend and frontend development. By following the outlined steps, developers can streamline their development workflow and ensure smooth integration of necessary technologies.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

material-ui
Material UI

material-ui 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.

supabase
Supabase

Supabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, and Storage.

fullstack
Fullstack Boilerplates

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.