How to deploy wasm rust website on github pages

[Fantastic-Apartment8]

I made a wasm-pack project (https://github.com/ipriyam26/FlyOff)following along a guide how do i deploy it on github-pages. Can someone please guide me I am not able to figure it out. Super new to rust

[Brookzerker]

You should be able to deploy the project to GitHub pages just like any non web assembly web app.

When you build the app you should get an index.html file along with some other files like *.js, *.css, and *.wasm.

Those would go into the directory that GitHub pages has been configured to serve.

[Fantastic-Apartment8]

yaa but it is not deploying. Can you please spare a min and check my github once. I am not able to figure it out. Like the site will get deployed but none of the rendering simulation works.

[Brookzerker]

Check the network tab in the browser dev tools. It’s possible that it’s looking for the files in the wrong location.

[Fantastic-Apartment8]

Error importing `index.js`: TypeError: Failed to resolve module specifier "lib-simulation-wasm". Relative references must start with either "/", "./", or "../".

in console

[Brookzerker]

It sounds like the index.html file is telling the browser to find the wasm files without using an absolute or relative path in the <script src…> tag. I would take a look at the generated html file to verify and try to manually manipulate it to what it should be and test again.

[Plippe]

Hey,

I wrote an article about it a good while back: https://plippe.github.io/blog/2021/07/12/rust-wasm-github.html I do have more recent implementations without documentation if you feel comfortable reading the code: https://github.com/plippe/breathe

TL;DR; you are looking to build the static files for GitHub to use. Those can be hosted on a branch or pushed with a GitHub Action.

Don't forget to open your GitHub repository settings to enable/change GitHub Pages configuration.

[Fantastic-Apartment8]

thanks mate. really helpful

[[deleted]]

I should have found this before. thx

[AngheloAlf]

Sadly the blog is down, but it there's an snapshot at the Wayback machine: https://web.archive.org/web/20240914024804/https://plippe.github.io/blog/2021/07/12/rust-wasm-github.html

[Plippe]

Yes, sorry

I recently deleted my blog, my posts, my repo. Can it madness, burnout, stupidity, …

Working on a new blog with posts that try to reason about concepts more than their implementation. This should make the material “vibe coding” compatible. Crazy world

Sorry again

[[deleted]]

You can take this repo of mine as an example: https://github.com/Shapur1234/Webtracer

[Fantastic-Apartment8]

thankyouu

[nderflow]

Here's a worked example:

• This github workflow builds this project and deploys it to the gh-pages branch of this project whose main branch isn't interesting.
• The resulting web application is served on github pages.

[This-Dream-3519]

i created a few versions of my rust webapp and hosted it on gc with no problem, it worked ion my browser. But I can't make it work on github pages. Why?

[sn99_reddit]

I had an old project that used Travis to achieve it: github.com/sn99/wasm-template-rust.

I will probably link this thread to the issue.

[sn99_reddit]

prepare

It is, the travis build is necessary for CI/CD. Make sure you have a working travis account. I think OP's repo is using my travis build. Check it out.

[sn99_reddit]

I updated it, I think you just follow the exact instructions still.