wangxy.com

This is a my personal blog at <https://wangxy.fly.dev/>, written in Rust using the Leptos framework, and styled with Tailwind CSS.

Image

List of the features

• Rust
• Leptos
• Tailwind Css
• Tailwind/Typography

How to run it in your local

If you don't have cargo-leptos installed you can install it with

cargo install cargo-leptos

Then cd into your project directory

cd blog

Running your project

cargo leptos watch

Css JIT

To use the Tailwind CSS JIT, you need to add the following to your package.json or execute the command below

bun run watch

If you have no bun environment, you can install it with

# Linux&MacOS
curl -fsSL https://bun.sh/install | bash

# Windows
powershell -c "irm bun.sh/install.ps1 | iex"

Installing Additional Tools

By default, cargo-leptos uses nightly Rust, cargo-generate, and sass. If you run into any trouble, you may need to install one or more of these tools.

1. rustup toolchain install nightly --allow-downgrade - make sure you have Rust nightly
2. rustup target add wasm32-unknown-unknown - add the ability to compile Rust to WebAssembly
3. cargo install cargo-generate - install cargo-generate binary (should be installed automatically in future)
4. npm install -g sass - install dart-sass (should be optional in future

Compiling for Release

cargo leptos build --release

Will generate your server binary in target/server/release and your site package in target/site