GraphQL

What is Kretes

Creating a New Application

Installing

How Kretes Works

Directory Structure

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


Specification

Starting the Application

Installing Kretes

React.js

Basic Server-Side Only Application

Writing a Middleware

Kretes in 5 minutes

Database

Create App

Vue.js 3

ToDo App with Preact

Uploading a File

Your First View

Starting the application

Kretes in a nutshell

Routing

Nix Integration

Defining the shape of date using TypeScript interfaces


TypeScript Shape

Preact

Implementing Authentication

First View

Validation

Using Tailwind CSS to build the UI prototype.


Lists with Tailwind CSS

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

Using WebRPC

Background Processing

Displaying data using collections in React.js


Collections in React.js

REST

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

Auth

Creating REST APIs using Kretes controllers & handlers


RESTful APIs

Server-Side Templating

Using React Query to integrate with a remote REST API endpoint


Fetching from API in React.js

Client-Side UI

Sending to API in React.js

Implementing optimistic updates for React.js UIs


Optimistic Updates in UI

Deployment

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

Intro

Quick Start

In Depth

GraphQL