Repository files navigation

Set up a modern rust+react web app by running one command.Join us on discord.

create-rust-app.dev

• Rust
• diesel_cli
  • For SQLite, if you don't wish to dynamically linkdiesel_cli with your system'slibsqlite3, you may runcargo install diesel_cli --no-default-features --features sqlite-bundled.

cargo install create-rust-app_cli

create-rust-app my-todo-app# .. select backend framework, plugins, etc.

# Code-gen resources for your projectcd ./my-todo-appcreate-rust-app# .. select resource type / properties

create-rust-app create <project_name>

• Run frontend & backend with a single command:cargo fullstack
• Rust backend
  • One of the following frameworks:
    • actix-web
    • poem (support temporarily on hold, use version 9.2.2:cargo install create-rust-app_cli@9.2.2)
  • Database migrations (using diesel.rs)
    • Generate diesel structs and types by runningcargo dsync in your project (see codegen section below).
  • Sending mail
  • PostgreSQL, SQLite 3.35+ support
  • ViteJS (blazing fast frontend compile speeds)
  • SSR templating with an option to include bundles that are automatically code-split
    • The/views folder contains all templates
    • The/frontend/bundles folder contains all the bundles which can be included in your views via{{bundle(name="MyBundle.tsx")}}
  • Automatically route to your single page application(s)
    • Usecreate_rust_app::render_single_page_application("/app","your_spa.html") (if you're using Poem, the parameters are slightly different, an example is provided in the function's documentation)
• React frontend (or install your own framework!)
  • Typescript, with backend type definition generation (runcargo tsync in your project folder; see codegen section below)
  • Routing (viareact-router-dom)
  • Typedreact-query hooks generation ($ cd my_project && create-rust-app, then select "Generate react-query hooks")

• Authentication (+ Authorization) plugin

  • Add JWT token-based auth with a simple command
  • Session management: restoration of previous session, revoking of refresh tokens
  • Credentials management/recovery
  • Email validation / activation flow
  • Adds frontend UI + react hooks
  • Adds auth service, and user / session models
  • Block your endpoints viaAuth guard
  • Follows OWASP security best practices
  • RBAC permissions out of the box (assign roles and permissions to users)

• Social authentication (OIDC) plugin

  • Adds Oauth2-based authentication (requires auth plugin)
  • Just configure some OIDC providers:

  app.app_data(Data::new(AuthConfig{oidc_providers:vec![GOOGLE("client_id","client_secret","/success/redirect","/error/redirect",)],}))

  Then, redirect your users to start the flow!

  <ahref={"/api/auth/google"}>Login with Google</a>

• Container plugin

  • Dockerfile to containerize your rust app into a single image

• Development plugin

  • View your database via the admin portal atlocalhost:3000/admin (still in development)
  • A "devbox" on the frontend indicates when the backend is compiling or when the database is not reachable
  • Moreover, the devbox displays when migrations are pending + includes a "run migrations" button
  • In-browser compilation errors and migration checking:

• Storage plugin

  • AddsStorage extractor which allows you to upload/download files from an S3-compatible object store

  • Seamlessly add single or multiple attachments to your models usingAttachment::*!

  • Here are some examples:

    • Adding an avatar to a user in your users table:

    let s3_key =Attachment::attach("avatar","users", user_id,AttachmentData{file_name:"image.png",data: bytes})?;

    • Getting the url for the attachment

    let storage:Storage// retreive this via the appropriate extractor in your frameowrk of choicelet url = storage.download_uri(s3_key)?;

    (note: seeAttachment::* andStorage::* for more functionality!)

• GraphQL plugin

  • Adds all the boilerplate necessary to expose GraphQL
  • Requires the auth plugin: authentication and authorization setup out-of-the-box
  • Find a graphql playground atlocalhost:3000/graphql

• Utoipa plugin

  • Uses theutoipa crate to add OpenAPI documentation and serve it in a SwaggerUI playground.
  • Find the playground athttp://localhost:3000/swagger-ui/
  • Requires the backend be Actix (for now ;) )
  • check outthis page to see how to document your own API endpoints with a variety of backends
  • Has a soft dependency on the Auth plugin

• Tasks Plugin

  • For running background jobs, currently only supports actix-web and postgresql
  • Usesfang under the hood and all it's features are exposed.
  • Add a task to the queue withcreate_rust_app::tasks::queue()
  • Run the queue withcargo run --bin tasks

• Workspace Support (Enabled by default, not tied to a feature flag)

  • allows you to organize your rust app in workspaces, and changes the defaults for the environment variables that specify paths to various important places.
  • to organize you project as a workspace:
    • enable this feature
    • refactor your codebase into workspaces (see#194)
    • Optional: set the following environment variables (paths are relative to the directory you call cargo fullstack/backend/run from)
      • CRA_MANIFEST_PATH: default./frontend/dist/manifest.json when called from workspace root,../frontend/dist/manifest.json otherwise.
      • CRA_FRONTEND_DIR: default./frontend when called from workspace root,../frontend otherwise.
      • CRA_VIEWS_GLOB: defaultbackend/views/\*\*/\*.html when called from workspace root,views/\*\*/\*.html otherwise.
    • Note that in any non-standard setup, you will need to set the above environment variables to the correct values for your project to ensure correct behavior.

cargo dsync

• Run this commmand to generate diesel model structs and queries in yourbackend/models folder!
• See dsync docshere

cargo tsync

• Run this command to generate typescript types for your rust code marked with#[tsync::tsync]. You'll find the output for this command here:frontend/src/types/rust.d.ts.
• See tsync docshere

cd my_project&& create-rust-app

• CRUD code-gen to reduce boilerplate
  • Scaffolds the db model, endpoints service file, and hooks it up in your/api!
• react-query hooks generation for frontend
  • Generates a hook for each handler function defined in theservices/ folder
  • Edit generated hooks afterwards -- they won't be regenerated unless you delete (or rename) the hook!

Questions and comments are welcome in the issues section!

If you're experiencing slow compilation time, make sure there isn't any bloat in the template files (look fornode_modules or typescript / parcel caches and delete them).Moreover, you can try using themold linker which may also improve compilation times.