Skip to main content

Nordcraft Engine: A New Era for Web Development with Andreas Møller

ChangelogJune 2, 20251h 25min894 views
40 connections·40 entities in this video

The Frustration Behind Nordcraft Engine

  • 💡 Andreas Møller, with 20+ years in web development, felt frustrated by the traditional design-to-developer handoff, where developers often just replicate static designs without adding their own input.
  • 🚀 This frustration, coupled with the observation that gaming development heavily relies on visual tools, inspired the creation of Nordcraft Engine.
  • 🎯 The goal is to provide a powerful platform for professional product teams, bridging the gap between design and development.

Visual Programming and Game Engines

  • 🎮 The concept of visual programming is not new, with early examples dating back to 1967, but it has only truly thrived in the gaming industry.
  • 🧩 AAA game development, despite its complexity, utilizes visual tools for logic and design, a stark contrast to the typical web development workflow.
  • ⚠️ This disparity highlights a missed opportunity in web application development, where visual tools could significantly enhance productivity and collaboration.

Nordcraft Engine's Technical Approach

  • 🛠️ Nordcraft Engine is described as a programming language with a built-in framework, but without the traditional text-based code.
  • 🧠 Instead, it manipulates an Abstract Syntax Tree (AST) stored in a database, with a visual editor for manipulation.
  • 🎨 The engine focuses on providing a superior UI for working with web platform standards like HTML and CSS, ensuring developers have full control and see direct mappings to CSS properties.

Formulas, Actions, and Custom Code

  • 📈 Nordcraft separates computations into formulas (pure computation) and actions (operations with side effects like API calls), each with distinct visual editors.
  • 🔗 Workflows are managed through an event system, allowing developers to define what happens when an element is interacted with, such as updating a variable or triggering an API call.
  • 💻 For complex or unsupported functionalities, a custom code option (custom actions/formulas) allows integration with external JavaScript libraries or custom logic, acting as a foreign function interface.

Rebranding from Totle to Nordcraft

  • 📛 The rebrand from Totle to Nordcraft was driven by the need for a more professional image, as the name 'Totle' was associated with 'toddling' and lacked a .com domain.
  • 🎯 Nordcraft aims to signal a focus on B2B professional teams and developers, moving away from the 'no-code' perception.
  • ✨ The new branding is intended to convey gravitas and seriousness, aligning with the tool's capabilities for building complex applications.

Open Source and Future Development

  • 🚀 Nordcraft is committed to open-sourcing its editor project, allowing the community to inspect and contribute to its development.
  • 🌐 The runtime is already open-source, enabling users to self-host their applications.
  • 💡 Future developments include an animation editor, inspired by the visual workflow of tools like Flash, to make web animations more accessible and refined.
Knowledge graph40 entities · 40 connections

How they connect

An interactive map of every person, idea, and reference from this conversation. Hover to trace connections, click to explore.

Hover · drag to explore
40 entities
Chapters19 moments

Key Moments

Transcript316 segments

Full Transcript

Topics13 themes

What’s Discussed

Nordcraft EngineWeb DevelopmentVisual ProgrammingGame EnginesAbstract Syntax Tree (AST)Frontend DevelopmentUI/UX DesignNo-Code ToolsLow-Code ToolsCustom CodeOpen SourceCloudflareProduct-Market Fit
Smart Objects40 · 40 links
Companies· 6
People· 5
Products· 8
Media· 1
Concepts· 19
Event· 1