Deploy dioxus-web to Vercel.

Overview

Dioxus demo

This demo shows how to use Dioxus to build a static web application and deploy it to Vercel.

Local development

To run the demo locally, you would need the Rust toolchain and trunk installed.

Then you can simply run:

trunk serve

And you can visit the demo at http://localhost:8080 (or aother port if you have specified some using trunk serve --port <port>).

Build for production

To build for production, you can simply run:

trunk build --release

The default output path is ./dist.

Deploy to Vercel

To deploy the application to vercel, you would need to first run vercel locally to get the PROJECT_ID and ORG_ID from the generated ./vercel/project.json file.

Then you need to set up the following secrets in your GitHub repo:

  • PROJECT_ID
  • ORG_ID
  • VERCEL_TOKEN

You can modify vercel.json to specify your alias.

Then you can deploy the application to Vercel via your GitHub workflow.

You might also like...
Open source email client written in Rust and Dioxus. Under πŸ—οΈ
Open source email client written in Rust and Dioxus. Under πŸ—οΈ

Blazemail A full-featued, beautiful, mail client that doesn't suck. Works on mac, windows, linux, mobile, web, etc. Features, status Blazemail is curr

A library to provide abstractions to access common utilities when developing Dioxus applications.

🧰 Dioxus Standard Library πŸš€ A platform agnostic library for supercharging your productivity with Dioxus. dioxus-std is a Dioxus standard library tha

 (Pre-Release Software) Secure, Encrypted, P2P chat written atop Warp, IPFS, LibP2P, Dioxus and many more awesome projects and protocols.
(Pre-Release Software) Secure, Encrypted, P2P chat written atop Warp, IPFS, LibP2P, Dioxus and many more awesome projects and protocols.

Uplink Privacy First, Modular, P2P messaging client built atop Warp. Uplink is written in pure Rust with a UI in Dioxus (which is also written in Rust

A gui tool written in Dioxus to make it easy to release a workspace of crates to crates.io
A gui tool written in Dioxus to make it easy to release a workspace of crates to crates.io

Easy-Release: a visual tool for releasing workspaces of libraries A work-in-progress GUI for releasing a large workspace of crates manually, but easil

🧬 Material Icons for Dioxus

🧬 Dioxus Material Icons This project provides a simple but configurable component to render Google's Material Icons in Dioxus. πŸš€ How to get started

πŸ¦€πŸ”¨ DevBcn Workshop - Full Stack Rust - Actix - Postgres - Shuttle - Dioxus
πŸ¦€πŸ”¨ DevBcn Workshop - Full Stack Rust - Actix - Postgres - Shuttle - Dioxus

Building a Movie Collection Manager - Full Stack Workshop with Rust, Actix, SQLx, Dioxus, and Shuttle Welcome to the this workshop! In this hands-on w

Fully-typed, async, reusable state management and synchronization for Dioxus 🧬

dioxus-query πŸ¦€ ⚑ Fully-typed, async, reusable state management and synchronization for Dioxus 🧬. Inspired by TanStack Query. ⚠️ Work in progress ⚠️

Resize observer hooks for Dioxus 🧬

dioxus-resize-observer Resize observer hooks for Dioxus 🧬. Support 0.1.0 - Dioxus v0.4 🧬 git - Dioxus v0.5 Web renderer (WASM) Example use dioxus::p

Fully-typed global state management with a topics subscription system for Dioxus 🧬

dioxus-radio πŸ“‘πŸ¦€ ⚠️ Work in progress !! ⚠️ . Fully-typed global state management with a topics subscription system for Dioxus 🧬. Who is this for You

Comments
  • Configure Renovate

    Configure Renovate

    Mend Renovate

    Welcome to Renovate! This is an onboarding PR to help you understand and configure settings before regular Pull Requests begin.

    🚦 To activate Renovate, merge this Pull Request. To disable Renovate, simply close this Pull Request unmerged.


    Detected Package Files

    • Cargo.toml (cargo)
    • .github/workflows/ci.yml (github-actions)

    Configuration

    πŸ”‘ Renovate has detected a custom config for this PR. Feel free to ask for help if you have any doubts and would like it reviewed.

    Important: Now that this branch is edited, Renovate can't rebase it from the base branch any more. If you make changes to the base branch that could impact this onboarding PR, please merge them manually.

    What to Expect

    With your current configuration, Renovate will create 5 Pull Requests:

    Update Rust crate log to 0.4.17
    • Schedule: ["at any time"]
    • Branch name: renovate/log-0.x
    • Merge into: main
    • Upgrade log to 0.4.17
    Update Rust crate dioxus to 0.2.4
    • Schedule: ["at any time"]
    • Branch name: renovate/dioxus-0.x
    • Merge into: main
    • Upgrade dioxus to 0.2.4
    Update actions/cache action to v3
    • Schedule: ["at any time"]
    • Branch name: renovate/actions-cache-3.x
    • Merge into: main
    • Upgrade actions/cache to v3
    Update actions/checkout action to v3
    • Schedule: ["at any time"]
    • Branch name: renovate/actions-checkout-3.x
    • Merge into: main
    • Upgrade actions/checkout to v3
    Update amondnet/vercel-action action to v25
    • Schedule: ["at any time"]
    • Branch name: renovate/amondnet-vercel-action-25.x
    • Merge into: main
    • Upgrade amondnet/vercel-action to v25

    🚸 Branch creation will be limited to maximum 2 per hour, so it doesn't swamp any CI resources or spam the project. See docs for prhourlylimit for details.


    ❓ Got questions? Check out Renovate's Docs, particularly the Getting Started section. If you need any further assistance then you can also request help here.


    This PR has been generated by Mend Renovate. View repository job log here.

    opened by renovate[bot] 0
A template for starting a dioxus project to be used with dioxus-cli

A template for starting a dioxus project to be used with dioxus-cli

Dioxus 6 Nov 25, 2022
A binary that bootstraps a Leptos application with client side rendering, tailwind, and vercel

create-leptos-csr-tw This CLI provides a quick setup to start building web applications using the Leptos web framework integrated with TailwindCSS. It

Matthew 3 Nov 3, 2023
Mini Rust CLI to deploy sites to Netlify using their API

This is a Rust CLI that uses the Netlify API to deploy sites.

Benjamin Lannon 10 May 12, 2022
A Command-line tool to create, manage and deploy your python projects

PPM A Command-line tool to create, manage and deploy your python projects Table of Contents PPM Main Features Create a Project project.ini file Projec

FUSEN 6 Aug 30, 2022
Cedar-agent is the easiest way to deploy and run Cedar

Cedar Agent What is Cedar-Agent? Cedar-Agent is an HTTP server designed to efficiently manage a policy store and a data store. It provides a seamless

Permit.io 30 May 26, 2023
Create, manage and deploy p2panda schemas

fishy Create, manage and deploy p2panda schemas Releases | Contribute | Website Command-line-tool to easily create update and share your p2panda schem

null 4 Jul 28, 2023
Rust based Kubernetes Operator to deploy K8s objects minimally.

kube-nimble nimble /ˈnΙͺmbl/ - quick and light in movement or action; agile. This project began from a place of curiosity about Kubernetes CRDs and the

Meet Vasani 3 Feb 26, 2024
global state management for dioxus built on the concept of atoms. currently under πŸ—

Fermi: A global state management solution for Dioxus, inspired by Recoil.Js Fermi provides primitives for managing global state in Dioxus applications

Dioxus 15 Feb 12, 2022
Make data-driven table rendering easy with Dioxus

Dioxus Table Make data-driven table rendering easy with Dioxus Installation Until the next release of Dioxus this requires Dioxus nightly from git. Th

null 9 Oct 9, 2022
An html macro for dioxus applications.

dioxus html macro This crate offers an html! like macro for dioxus applications. It expands to the equivalent rsx! macro call you would have made othe

Dioxus Labs 8 Dec 22, 2022