Websites on Dfinity

How can we create and host websites on Dfinity?

Right now this is most easily accomplished using webpack. Check out the phone book or superheroes example.

2 Likes

Sorry I’m not a technical person
I think i posted here by mistake
Is there someone could help me build websites on Dfinity?

Are you familiar with HTML/CSS/JavaScript? What exactly do you want to build?

I’m familiar with HTML

Any guide how to host already built react website on dfinity?

This should get you going!

3 Likes

I’m sorry if asking the same questions someone asked before already.
So, I have this folder structure:

dfx.json
public/
  index.html
  style.css

Here is the content of dfx.json

{
“canisters”: {
"www: {
“type”: “assets”,
“source”: [“public”]
}
}
}

When I try to deploy this project on local network (started with “dfx start”), I don’t get any errors on “dfx deploy”

But if I try to access then my HTML page, I get this error from accessing HTTP://127.0.0.1:8000/?canisterId=r7inp-6aaaa-aaaaa-aaabq-cai

An error happened:

_/<@http://127.0.0.1:8000/bootstrap-70b8f66975aa20b1974d.js:2:47697
async*[email protected]http://127.0.0.1:8000/bootstrap-70b8f66975aa20b1974d.js:2:524975
[email protected]http://127.0.0.1:8000/bootstrap-70b8f66975aa20b1974d.js:2:525933
async*@http://127.0.0.1:8000/bootstrap-70b8f66975aa20b1974d.js:2:526235
[email protected]http://127.0.0.1:8000/bootstrap-70b8f66975aa20b1974d.js:2:110
@http://127.0.0.1:8000/bootstrap-70b8f66975aa20b1974d.js:2:902
@http://127.0.0.1:8000/bootstrap-70b8f66975aa20b1974d.js:2:913

How can I debug what is wrong here? My HTML page loads without js console errors in the browser.

upd: found this comment What are front end canisters? - #5 by kpeacock, is it still valid?

Replying to my own message, I was using old stable version 0.6.26 of dfx. But with latest 0.7.0-beta.8 everything works as expected

1 Like

I wish I had read your note earlier. Thank you. My deployment now works as well.