nextgraph-rs/sdk/js/examples/react-ldo

example-webapp-react-ldo

Example of a Web app made with NextGraph, using React and LDO, and Vite

NextGraph

NextGraph brings about the convergence of P2P and Semantic Web technologies, towards a decentralized, secure and privacy-preserving cloud, based on CRDTs.

This open source ecosystem provides solutions for end-users (a platform) and software developers (a framework), wishing to use or create decentralized apps featuring: live collaboration on rich-text documents, peer to peer communication with end-to-end encryption, offline-first, local-first, portable and interoperable data, total ownership of data and software, security and privacy. Centered on repositories containing semantic data (RDF), rich text, and structured data formats like JSON, synced between peers belonging to permissioned groups of users, it offers strong eventual consistency, thanks to the use of CRDTs. Documents can be linked together, signed, shared securely, queried using the SPARQL language and organized into sites and containers.

More info here https://nextgraph.org

For developing against a public Broker

pnpm install
pnpm dev

You will have to use a Wallet that was created on one of our public Broker Service Providers (nextgraph.eu by example) before you can actually login. We didn't implement yet the option to create a Wallet while you are using or developing a 3rd party app, so you have to create the account before using the webapp.

If you need to connect via the staging server, run these commands before starting your webapp:

export NG_REDIR_SERVER=staging.nextgraph.net
pnpm run -C ../../web build

For developing locally

you need to have a running local ngd server. See those instructions first.

If you are running a local dev env for the frontend of NextGraph on http://localhost:1421 , then (and only then) you need to compile the @ng-org/web package in dev mode:

pnpm run -C ../../web builddev

Otherwise, if you are using http://localhost:14400 in your browser, just skip the line above, and continue with those:

pnpm install
pnpm dev

Open this URL in browser : http://localhost:5173

See the example code in src/main.tsx

License

Licensed under either of

• Apache License, Version 2.0 (LICENSE-APACHE2 or http://www.apache.org/licenses/LICENSE-2.0)
• MIT license (LICENSE-MIT or http://opensource.org/licenses/MIT) at your option.

SPDX-License-Identifier: Apache-2.0 OR MIT

---

NextGraph received funding through the NGI Assure Fund and the NGI Zero Commons Fund, both funds established by NLnet Foundation with financial support from the European Commission's Next Generation Internet programme, under the aegis of DG Communications Networks, Content and Technology under grant agreements No 957073 and No 101092990, respectively.