Linked Data with LINCD.js
Learn about Linked Data & LINCD.js by creating your own mini application in this tutorial.
What we will build
In this tutorial we will build our own little networking tool.
A single page where the user can maintain connections between other people.
You will learn
- How to create nodes and edges in your local graph.
- How to display information from the graph in your app
- How to improve your code & data setup with Shapes
What you'll need
- Node.js version 16.14 or above:
- When installing Node.js, you are recommended to check all checkboxes related to dependencies.
- A basic level of experience with React is required, specifically functional components & JSX.
Get started by creating a new site.
Choose a name for your app and run
npx lincd-cli create-app [your-app-name]
You can type this command into Command Prompt, Powershell, Terminal, or any other integrated terminal of your code editor.
The command also installs all necessary dependencies you need to run LINCD locally.
create-app has created a new directory with the name you chose,
enter this folder with
and run the
dev script with either
npm run dev
Webpack will now watch your source files for changes and create updated bundles.
index.html in your default browser.
src/App.tsx and edit some lines.
Refresh the browser to see your changes.
LINCD does not always require a backend, so the basic setup is nothing more than a minimal react setup loaded into an HTML file.
You are now ready to play with LINCD!