Mirrors/leptos
2
0
Fork 0
mirror of https://github.com/leptos-rs/leptos synced 2024-11-10 14:54:16 +00:00
Code Issues Projects Releases Packages Wiki Activity
leptos/examples/hackernews
History
Greg Johnston 2f218e7428 Small changes to examples
2022-12-21 07:56:33 -05:00
..
src Small changes to examples 2022-12-21 07:56:33 -05:00
.leptos.kdl Updating hackernews example 2022-12-12 13:40:05 -05:00
Cargo.toml Updating todo-app-sqlite example (todo: fix hydration) 2022-12-19 16:25:24 -05:00
index.html Updated hacker news example to new SFA format and added a README 2022-11-14 09:03:44 -08:00
LICENSE Updated hacker news example to new SFA format and added a README 2022-11-14 09:03:44 -08:00
README.md Add hackernews-axum example 2022-11-15 14:08:09 -08:00
style.css Updated hacker news example to new SFA format and added a README 2022-11-14 09:03:44 -08:00

README.md

Leptos Hacker News Example

This example creates a basic clone of the Hacker News site. It showcases Leptos' ability to create both a client-side rendered app, and a server side rendered app with hydration, in a single repository

Client Side Rendering

To run it as a Client Side App, you can issue trunk serve --open in the root. This will build the entire app into one CRS bundle

Server Side Rendering With Hydration

To run it as a server side app with hydration, first you should run

wasm-pack build --target=web --no-default-features --features=hydrate

to generate the Webassembly to provide hydration features for the server. Then run the server with cargo run to serve the server side rendered HTML and the WASM bundle for hydration.

cargo run --no-default-features --features=ssr

Note that if your hydration code changes, you will have to rerun the wasm-pack command above This should be temporary, and vastly improve once cargo-leptos becomes ready for prime time!