Skip to content
Diploi Docs diploi.com

Using Components

Components

You can think of components as the application layer of your project. In Diploi you can have multiple options available to define your application, which you can mix as you wish.

Components available

n8n n8n new
FastAPI FastAPI new
Laravel Laravel new
Flask Flask new
Deno Deno new
Supabase Supabase new
Next.js Next.js
Node.js Node.js
Bun Bun
React + Vite React + Vite
Astro Astro
SvelteKit SvelteKit
Nue Nue
Ghost Ghost
Hono Hono
Lovable Lovable
ASP.NET ASP.NET
Blazor Blazor
Django Django beta

Astro

A static site builder that lets you write components with your a broad selection of frontend frameworks, while optimizing for performance and modern SEO practices.

To the tutorial
How to add Astro to a project
To the component's repository
Official documentation for Astro

ASP.NET

ASP.NET (ASP.NET Core) is an open-source .NET web framework for building web apps and APIs with C#.

How to add ASP.NET to a project
To the component's repository
Official documentation for ASP.NET

Blazor

The .NET UI framework for building interactive web apps with C# and Razor components, letting you share code across client and server.

How to add Blazor to a project
To the component's repository
Official documentation for Blazor

Bun

An JavaScript runtime designed to be faster than Node.js, with native bundling, support for TypeScript, and package management support.

To the tutorial
How to add Bun to a project
To the component's repository
Official documentation for Bun

Deno

A JavaScript and TypeScript runtime for APIs and backend services.

To the tutorial
How to add Deno to a project
To the component's repository
Official documentation for Deno

Django

A high-level Python web fullstack framework that uses Python.

To the tutorial
How to add Django to a project
To the component's repository
Official documentation for Django

FastAPI

A Python framework used to create APIs with automatic documentation.

To the tutorial
How to add FastAPI to a project
To the component's repository
Official documentation for FastAPI

Flask

A minimalist Python framework, design for lightweight APIs, dashboards, services, and fullstack applications.

To the tutorial
How to add Flask to a project
To the component's repository
Official documentation for Flask

Ghost

An open-source content management system designed for publishing and managing blogs, online publications or websites.

To the tutorial
How to add Ghost to a project
To the component's repository
Official documentation for Ghost

Hono

A small web framework designed to build APIs and backend applications.

To the tutorial
How to add Hono to a project
To the component's repository
Official documentation for Hono

Laravel

A fullstack PHP framework with native support for modern JS-based frontend frameworks.

To the tutorial
How to add Laravel to a project
To the component's repository
Official documentation for Laravel

n8n

A workflow automation platform used to run trigger-driven workloads, using a GUI to setup triggers and logic workflow.

To the tutorial
How to add n8n to a project
To the component's repository
Official documentation for n8n

Next.js

A React-based web development framework for server-side and static web rendering.

To the tutorial
How to add Next.js to a project
To the component's repository
Official documentation for Next.js

Node.js

A runtime used to develop backend applications and APIs using JavaScript.

To the tutorial
How to add Node.js to a project
To the component's repository
Official documentation for Node.js

Nue.js

A framework focused on building lightweight fullstack applications using JavaScript, and with native support for Rust or Zig to run workloads.

To the tutorial
How to add Nue.js to a project
To the component's repository
Official documentation for Nue.js

React + Vite

Mixes Vite’s bundling capabilities and React’s frontend development capabilities, in a component that requires no configuration and provides instant hot module reload for frontend applications.

To the tutorial
How to add React + Vite to a project
To the component's repository
Official documentation for Vite
Official documentation for React

Supabase

An open-source backend platform that bundles multiple services into one, such as Postgres, storage, auth, real-time listeners, and edge functions.

To the tutorial
How to add Supabase to a project
To the component's repository
Official documentation for Supabase

SvelteKit

A framework for building performant web applications with Svelte, offering server-side rendering.

To the tutorial
How to add SvelteKit to a project
To the component's repository
Official documentation for SvelteKit