How to host already built website on Dfinity?

Developers
1

Hello, we have built react website and want to host on dfinity mainnnet. But, didn’t find any guide for doing it.

2

You can read kyle’s tutoriel. It will guide you.
Another solution can be to deploy via fleek which will build the frontend canister for you.

2 Likes
3

Check out developer Taylor Ham’s demo on “Deploying Static Sites to the Internet Computer in Less Than 5 Steps” from our launch event here: https://youtu.be/xiupEw4MfxY?t=7184

4 Likes
4

Its not static website that is issue.

5

As long as you have the HTML, JS, and CSS as files, you can host them using that tutorial. Static just refers to the files in this case, not whether the page has interactivity

6

Hi @kpeacock I’m looking the way to DM you here or on reddit but I can’t find it. I’d need some assistance with lost ICP on its way to a stacking neuron. Please contact me. My main address is c8fab486792b0a1f08bded29c9e33683263c75e96226349f40382f48bd47a3e4

7

Thanks Nico - I’ll add you to our incident response

1 Like
8

Hi @kpeacock . Should that tutorial work on locally running network? When I try to deploy just static content and then access via API, it fails to load - Websites on Dfinity - #8 by corest . But it fails in the same way with gatsby sample project. I’m able to run it with dev server, but when deploying locally - that doesn’t work. so I’m wondering if network, started with dfx start should work in the same way? How can I debug the app before deploying to network?

9

Had challenges with the 5 easy steps to deploy a static website until I realized the demo that Taylor Ham put together was NOT using 0.6.26 but rather dfx 0.7.0beta2.
I ended up using DFX_VERSION=0.7.0-beta.8 sh -ci “$(curl -fsSL https://sdk.dfinity.org/install.sh)” and everything worked fine.

2 Likes
10

Well spotted, dfx 0.7.0 will be out of beta soon and you’ll be able to install it with the default script or dfx upgrade.

Something else for everyone to note when you’re working from cloned repos or other video tutorials: the dfx.json file can contain a version field at the bottom, this is the version of dfx that the project is currently using.