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 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.

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 run the dev script with either

npm run dev

or

yarn dev

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

Open index.html in your default browser.

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