Salma Alam-Naylor  
Head of Developer Education

### Learn Nordcraft

Course details  
- **Level:** Intermediate  
- **Lessons:** 5  
- **Time:** 3h

### Contents  
- [1. Build websites with static content](/content/learn/build-projects#build-websites-with-static-content/index.html)  
- [2. Build websites with dynamic pages](/content/learn/build-projects#build-websites-with-dynamic-pages/index.html)  
- [3. Use formulas and workflows](/content/learn/build-projects#use-formulas-and-workflows/index.html)  
- [4. Forms, APIs and state management](/content/learn/build-projects#forms,-apis-and-state-management/index.html)  
- [5. APIs and localization](/content/learn/build-projects#apis-and-localization/index.html)

# Learn Nordcraft

Level-up your web development skills by building real-world projects in Nordcraft.

Notice! This course includes documentation, demo API keys, images, SVGs, and audio files.

[View on GitHub](https://github.com/nordcraftengine/learn-nordcraft/blob/main/README.md)

Salma Alam-Naylor  
Head of Developer Education

Level  
Intermediate

Duration  
5 lessons (3h)

## 1. Build websites with static content

Learn about adding HTML elements, creating components, applying CSS using the style panel, and creating pages.

1. ### Build a Linktree-style personal website  
   
   Build a Linktree-style website for Rick Astley with two static pages.  
  
   Enable YouTube videos [Privacy policy](/content/privacy/index.html)

## 2. Build websites with dynamic pages

Learn about getting data from APIs, creating dynamic pages using data from an API, using the repeat formula, concatenating data, and formatting dates.

1. ### Build a Keanu Whoa! catalogue

## 3. Use formulas and workflows

Learn about using variables to manage state, formulas, workflows, and installing and using Nordcraft packages.

1. ### Build a pomodoro timer

## 4. Forms, APIs and state management

Learn about adding services, configuring APIs to post data, using variables to manage state, saving to and reading session storage, and the show/hide formula.

1. ### Build a multi-step form

## 5. APIs and localization

Learn about adding services, the GraphQL Explorer and GraphQL APIs, context, and custom actions.

1. ### Build a multi-language website

.jpeg/public)](https://discord.gg/svBKYZf3UR)