dWeb Blog demonstrates simultaneous deployment of a blindingly fast website to both Web and SAFE Network.
It’s not pretty but it works, and shows you how to do the same in minutes.
dWeb’s first article shows how to join the decentralised Web while continuing on the web. View it on the Web or SAFE now (links below). Start by cloning the code to make a simple blog, and then modify it to make it your own.
dWeb Blog uses React and React-static, so you can build full featured professional websites and have them live on both the web and SAFE Network, and both updated with a single command.
Nice! How easy is it to add graphics and styles? I watched this video and didn’t find it particularly clear how you would do that (meaning how you might hack someone else’s site and make it your own).
So react syntax for creating HTML, is something called .jsx, basically it’s HTML written in the return function of some javascript (a component).
So while there’s a little bit of react to get your head around (‘what is a component’ eg), once you’ve done that, editing the code to add normal HTML elements is entirely possible, and shouldn’t be too far from what you’re familiar with, with good ole’ HTML.
@JPL to add to what Josh says, if you read the docs at reactjs.org I found they were very good at establishing the concepts and showing how to use and make components. I’ve read most of it twice and got the gist, although there is a new feature just released, React Hooks, that I’ve not seen in code, but which I understand are an advance that makes things simpler, cleaner and easier to write than components. Tanner Linsley who created React-static is very enthusiastic about Hooks, so I’m excited to learn!
What I’ve not had time to do yet is delve into the different ways to pull components all together into a site, or page structure, or looked into how this might vary with React-static. What I’ve seen looks fairly straightforward though as I start to read and write JSX. So far what I’ve tried ‘just works’ after a bit of tweaking.
Things like setting global styles, layouts etc I suspect are done with components, knitted together per site and per page template in the JSX files Josh mentioned.
So far I’m just poking around in other people’s code. Next step will probably be to look through some tutorials on building with React.
but it works, and shows you how to do the same in minutes.