Writing a Middleware

Uploading a File

Implementing Authentication

WebRPC is a REST/GraphQL alternative for the front-end/back-end communication

Using WebRPC

Basic Server-Side Only Application

ToDo App with Preact

Directory Structure

Database

Routing

Nix Integration

Validation

Background Processing

REST

GraphQL

Auth

Server-Side Templating

Client-Side UI

Deployment

What is Kretes

How Kretes Works

Kretes in 5 minutes

Kretes in a nutshell

Creating a New Application

Installing

Starting the Application

Installing Kretes

Your First View

Starting the application

First View

A spec describing what we are going to build in this tutorial


Specification

Create App

Defining the shape of date using TypeScript interfaces


TypeScript Shape

Using Tailwind CSS to build the UI prototype.


Lists with Tailwind CSS

Displaying data using collections in React.js


Collections in React.js

Let's use Tailwind CSS to design and build the UI prototype.


Forms with Tailwind CSS

Using React.js to handle form validations & submissions


Forms Handling in React.js

Creating REST APIs using Kretes controllers & handlers


RESTful APIs

Using React Query to integrate with a remote REST API endpoint


Fetching from API in React.js

Sending to API in React.js

Implementing optimistic updates for React.js UIs


Optimistic Updates in UI

Database Setup

Querying Database

Persisting tasks on the server via REST API


Inserting into Database

Summary

A short Kretes overview: its philosophy and what new it brings to the table

Application Lifecycle <strong class="font-bold">Commands</strong>

Preconfigured Full-Stack <strong class="font-bold">Debugging</strong>

Instant TypeScript <strong class="font-bold">Reloading</strong>

<strong class="font-bold">Dedicated UIs</strong> for Common Tasks

Programming Environment <br /> for <span class="text-blue-500">TypeScript</span> & <span class="text-green-500">Node.js</span>

<span class="text-blue-300 font-bold">SQL</span> is Good Enough</h4>

<span class="text-blue-300 font-bold">TypeScript</span> Everywhere</h4>

<span class="text-blue-300 font-bold">Prototype-based</span> Programming</h4>

<span class="text-blue-300 font-bold">WebAssembly</span> is the Future</h4>

<span class="text-blue-300 font-bold">GraphQL</span> makes APIs great again</h4>

Kretes is built on top of [esbuild](https://github.com/evanw/esbuild), a JavaScript/TypeScript bundler that is **100x-150x faster** than Webpack or Parcel. In development, client-side assets are **compiled on-demand** when requested. **Hot Reload** is instant and independent of the project size (so called O(1) bundling).


Develop Faster

Kretes uses the [Nix package manager](https://nixos.org/) for dependency management. Your project setup can be easily transferred between different machines, whether **sharing it with coworkers**, or when switching **from development to production environment**.


Share Project Setup

Kretes uses only **one programming language**: TypeScript, for the entire application (front-end to back-end). By using TypeScript across the board, there is just **one ecosystem**, **one tooling** and **one way of hiring** for software teams to learn and integrate.


TypeScript Everywhere

Kretes comes with a (eventually large) library of useful modules which are **developed in a coherent way**. It is an **integrated solution** that optimizes for programmers productivity by **reducing choices** and incorporating community conventions.


Guide

Tutorial

Integrations

Examples

Cookbook

FAQ

Integrations

Front-end