Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/itehax/rust-blog
https://github.com/itehax/rust-blog
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/itehax/rust-blog
- Owner: itehax
- License: apache-2.0
- Created: 2023-07-24T12:59:27.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-22T15:21:43.000Z (5 months ago)
- Last Synced: 2024-08-22T17:25:05.937Z (5 months ago)
- Language: Rust
- Size: 40.4 MB
- Stars: 39
- Watchers: 1
- Forks: 7
- Open Issues: 1
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
- awesome-leptos - source
README
# My personal blog written using rust!
This is my personal website i built using [leptos](https://leptos.dev) and [preline](https://preline.co)
---
[Preview](https://itehax.com)
## How to run
To run the project first of all you need to have `cargo-leptos` installed on your machine
`cargo install --locked cargo-leptos`
Then run
`npm run watch` (This is a script which basically run the CLI tool to scan your template files for classes and build your CSS.)
and
`cargo leptos watch`
in this directory.
Open browser on [http://localhost:3000/](http://localhost:3000/)
You can begin editing your app at `src/app.rs`.
## Installing Tailwind
You can install Tailwind using `npm`:
```bash
npm install -D tailwindcss
```
Also [Tailwind Typography](https://tailwindcss.com/docs/typography-plugin#installation) and [Preline](https://www.preline.co/docs/index.html)
## Setting up with VS Code and Additional Tools
If you're using VS Code, add the following to your `settings.json`
```json
"emmet.includeLanguages": {
"rust": "html",
"*.rs": "html"
},
"tailwindCSS.includeLanguages": {
"rust": "html",
"*.rs": "html"
},
"files.associations": {
"*.rs": "rust"
},
"editor.quickSuggestions": {
"other": "on",
"comments": "on",
"strings": true
},
"css.validate": false,
```
Install [Tailwind CSS Intellisense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss).
Install "VS Browser" extension, a browser at the right window.
Allow vscode Ports forward: 3000, 3001.
## Notes about Tooling
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 default nightly` - setup nightly as default, or you can use rust-toolchain file later on
3. `rustup target add wasm32-unknown-unknown` - add the ability to compile Rust to WebAssembly
4. `cargo install cargo-generate` - install `cargo-generate` binary (should be installed automatically in future)
5. `npm install -g sass` - install `dart-sass` (should be optional in future)
## Compiling for Release
```bash
cargo leptos build --release
```
Will generate your server binary in target/release and your site package in target/site.
# Using the docker image
```bash
docker build ./ -t itehax-website
```
After it's builded.
```bash
docker run -p 3000:3000 itehax-website
```