Skip to main content

Intro

Linked Data with LINCD.js​

~ 30min​

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.

Getting Started​

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.

Start development​

create-app has created a new directory with the name you chose, enter this folder with

cd [your-app-name]

and start the dev server with either

npm start

or

yarn start

Webpack will now watch your source files for changes and create updated bundles.

Open http://localhost:4000 in your default browser.

Now open 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!