WEBVTT

1
00:00:00.160 --> 00:00:01.780
This is a real-time chat app.

2
00:00:01.960 --> 00:00:03.230
I can create a new user account,

3
00:00:03.400 --> 00:00:04.100
post messages,

4
00:00:04.160 --> 00:00:06.340
and they're instantly visible to other users.

5
00:00:06.760 --> 00:00:10.680
It's deployed to a cheap $6 per month Linux box on DigitalOcean.

6
00:00:10.880 --> 00:00:12.740
Claude Code built this with elements,

7
00:00:13.050 --> 00:00:13.950
a simple prompt,

8
00:00:14.000 --> 00:00:14.630
10 minutes,

9
00:00:14.880 --> 00:00:15.390
zero

10
00:00:15.510 --> 00:00:15.870
mistakes.

11
00:00:16.660 --> 00:00:19.320
Elements is a new way of building web applications.

12
00:00:19.620 --> 00:00:21.330
Our project server runs in the background,

13
00:00:21.460 --> 00:00:23.460
so our app starts almost instantly.

14
00:00:24.210 --> 00:00:27.140
The elements build command connects to that same server.

15
00:00:27.490 --> 00:00:29.040
When I introduce a TypeScript error,

16
00:00:29.170 --> 00:00:32.409
the editor shows the error immediately because it's connected too.

17
00:00:33.050 --> 00:00:36.040
Save the file and the build client updates in milliseconds.

18
00:00:36.340 --> 00:00:38.720
Fix the syntax and just as quickly the error goes

19
00:00:38.720 --> 00:00:40.760
away in both the editor and the build client.

20
00:00:41.640 --> 00:00:46.120
Agents are just another client and use the JSON fly to get structured build results.

21
00:00:46.970 --> 00:00:49.010
It's already built by the time the agent asks,

22
00:00:49.210 --> 00:00:51.200
so results come back in microseconds.

23
00:00:52.150 --> 00:00:55.220
Tests are part of the build and the test client connects the same way.

24
00:00:55.670 --> 00:00:58.720
Change a test and watch as the state updates in real time.

25
00:00:59.620 --> 00:01:03.420
Database migrations sync with the built-in Postres database automatically.

26
00:01:03.740 --> 00:01:07.110
SQL migration errors are in the same build results as everything else.

27
00:01:08.090 --> 00:01:09.520
The app framework has a lot in it,

28
00:01:09.850 --> 00:01:13.530
including a brand new HTML language a decade in the making.

29
00:01:13.850 --> 00:01:14.640
It's fast.

30
00:01:15.380 --> 00:01:16.390
It's type checked

31
00:01:17.190 --> 00:01:18.020
It's reactive

32
00:01:18.990 --> 00:01:20.540
Deploy takes a few seconds.

33
00:01:20.870 --> 00:01:24.210
It uses a peer to peer protocol to do the minimum work possible.

34
00:01:25.020 --> 00:01:26.290
When you build an app with elements,

35
00:01:26.340 --> 00:01:27.600
it'll work the first time

36
00:01:27.740 --> 00:01:29.810
and it'll work as the app grows larger.

37
00:01:31.080 --> 00:01:32.510
Install elements for yourself,

38
00:01:32.710 --> 00:01:35.340
go build and deploy something insanely great.