Linked Data with LINCD.js
Learn about Linked Data & LINCD.js by creating your own mini application in this tutorial.
What you will build
In this tutorial you will build your 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 start the dev server with either
Webpack will now watch your source files for changes and create updated bundles.
http://localhost:4000 in your default browser.
frontend/src/pages/Home.tsx and edit some lines.
Once you save the file you should see the site being updated in the browser.
Although the LINCD.js does not require a backend, this setup comes with a node.js backend. And as you will see later on, any nodes that you save will automatically be stored in a JSON file on your hard drive.
You are now ready to play with LINCD!