Loading video...

Video Failed to Load

Go Home

Elysia with Bun 1.3 Full-stack server 1. Install Elysia w/ static plugin 2. Create an HTML file in the public folder 3. Start writing React That's it, no additional setup HMR, Tailwind, Tanstack Query, Eden Treaty, path alias works Frontend and backend bundle to 1 file

saltyAom's profile picture

SaltyAom

20,851 subscribers

73,164 views • 7 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing Elysia Playground An interactive playground to experiment with Elysia directly from your browser A new tutorial of 21 pages, With an easy-to-understand guide to help you learn, and build your first Elysia app There has never been a better time to learn Elysia
0:57

Introducing Elysia Playground An interactive playground to experiment with Elysia directly from your browser A new tutorial of 21 pages, With an easy-to-understand guide to help you learn, and build your first Elysia app There has never been a better time to learn Elysia

SaltyAom

57,785 views • 8 months ago

Introducing: Dark Mode in TANSTACK Start: No flickering, persistent throughout sessions and integrates with Tailwind! Plus, you get to learn about server functions, loaders, and cookies in TanStack Start! Enjoy!
6:23

Introducing: Dark Mode in TANSTACK Start: No flickering, persistent throughout sessions and integrates with Tailwind! Plus, you get to learn about server functions, loaders, and cookies in TanStack Start! Enjoy!

Josef Bender

18,931 views • 3 months ago

Good morning, Elysia AI You can talk to Elysia documentation, starting today
0:55

Good morning, Elysia AI You can talk to Elysia documentation, starting today

SaltyAom

49,604 views • 7 months ago

New frontend project in 24seconds⚡️ Stack: React, Tailwind, GSAP.
0:24

New frontend project in 24seconds⚡️ Stack: React, Tailwind, GSAP.

Boluwatife.vue.dev💚✨

72,478 views • 1 year ago

With .NET 10, you can just create an app.cs file and run it—no setup required. See it in action.
1:42

With .NET 10, you can just create an app.cs file and run it—no setup required. See it in action.

Microsoft Developer

137,331 views • 11 months ago

React tip: "use client" misconceptions (1/5) 🚫 You need to mark EVERY individual file with "use client" to ensure it is a Client Component. ✅ You only need to mark each client entry point ONCE. Modules imported into a "use client" file are already part of the client bundle. (0:05) Adding "use client" to `3.js` marks the file as a client entry point, including it in the client bundle. (0:11) Importing `d()` into `3.js` (a client entry point) also includes it in the client bundle. (0:14) Adding "use client" to `4.js` has no additional bundling effect on `d()` because it is already part of the client bundle. (0:23) All modules (and their dependencies) imported to `3.js` are included in the client bundle. (0:26) Removing "use client" from `3.js` moves it and its dependencies into the server bundle.
0:33

React tip: "use client" misconceptions (1/5) 🚫 You need to mark EVERY individual file with "use client" to ensure it is a Client Component. ✅ You only need to mark each client entry point ONCE. Modules imported into a "use client" file are already part of the client bundle. (0:05) Adding "use client" to `3.js` marks the file as a client entry point, including it in the client bundle. (0:11) Importing `d()` into `3.js` (a client entry point) also includes it in the client bundle. (0:14) Adding "use client" to `4.js` has no additional bundling effect on `d()` because it is already part of the client bundle. (0:23) All modules (and their dependencies) imported to `3.js` are included in the client bundle. (0:26) Removing "use client" from `3.js` moves it and its dependencies into the server bundle.

Delba

157,319 views • 2 years ago

Gemini 3 just one shotted this ‘Portal Windows’ app 🤯 It maps a single webcam feed across multiple floating windows. No server, no React, just one HTML file.
0:25

Gemini 3 just one shotted this ‘Portal Windows’ app 🤯 It maps a single webcam feed across multiple floating windows. No server, no React, just one HTML file.

Alvaro Cintas

141,142 views • 6 months ago

Convert Figma to Code with AI. – your AI frontend engineer 1. install VS code extension 2. upload Figma file 2. get full code Superflex analyzes your code first, then suggests context-aware code.
1:02

Convert Figma to Code with AI. – your AI frontend engineer 1. install VS code extension 2. upload Figma file 2. get full code Superflex analyzes your code first, then suggests context-aware code.

Pratham

35,700 views • 1 year ago

⚡️ Full-Stack React Starter Template ✨ What’s inside? ⌘ Frontend: Built with React, Vite ⚡, TANSTACK (Router, Query, Table), shadcn, and more ⌘ Backend: Powered by Hono, Drizzle ORM, Neon - Serverless Postgres – 100% type-safe ⌘ Deploy-Ready: Seamless deployment on Vercel 📦 Includes a fully functional Todo app to get you started! 🎉 The complete repo will be Open Source and FREE. Stay tuned!
1:27

⚡️ Full-Stack React Starter Template ✨ What’s inside? ⌘ Frontend: Built with React, Vite ⚡, TANSTACK (Router, Query, Table), shadcn, and more ⌘ Backend: Powered by Hono, Drizzle ORM, Neon - Serverless Postgres – 100% type-safe ⌘ Deploy-Ready: Seamless deployment on Vercel 📦 Includes a fully functional Todo app to get you started! 🎉 The complete repo will be Open Source and FREE. Stay tuned!

Bharat Kara

48,852 views • 1 year ago

📹So I got nerd-sniped into making a Trellix clone with TANSTACK React Query over the weekend. I think it works really well, but feel free to disagree. No framework, no backend - just the great msw, vite + RQ SPA. Nice side-effect: it works if you lose network connection 😱
3:47

📹So I got nerd-sniped into making a Trellix clone with TANSTACK React Query over the weekend. I think it works really well, but feel free to disagree. No framework, no backend - just the great msw, vite + RQ SPA. Nice side-effect: it works if you lose network connection 😱

Dominik 🔮

149,175 views • 2 years ago

Quick demo of JS config file support and plugin support in the latest Tailwind CSS v4 alpha 🫣
6:27

Quick demo of JS config file support and plugin support in the latest Tailwind CSS v4 alpha 🫣

Adam Wathan

91,557 views • 1 year ago

turned this into a web app you can use with your own obsidian vault! no install, just one html file: point it at your notes folder, it embeds everything with gemini, clusters by meaning, and renders the 3d network in your browser. available now for x/twitter subscribers <3
0:30

turned this into a web app you can use with your own obsidian vault! no install, just one html file: point it at your notes folder, it embeds everything with gemini, clusters by meaning, and renders the 3d network in your browser. available now for x/twitter subscribers <3

Kat ⊷ the Poet Engineer

102,178 views • 3 months ago

Hello Internet, I built this app over the weekend with one goal in mind. To help you find a time for everyone? Think Study groups, Meetups and much more. Stack used: React for the frontend Google firebase for the backend. Here's a demo on how it works, this is version 1 (more updates coming!)
1:53

Hello Internet, I built this app over the weekend with one goal in mind. To help you find a time for everyone? Think Study groups, Meetups and much more. Stack used: React for the frontend Google firebase for the backend. Here's a demo on how it works, this is version 1 (more updates coming!)

Abdussalam Popoola

28,575 views • 6 months ago

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.
0:55

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

Paras Chopra

212,042 views • 10 days ago

And the best part—it runs everywhere, natively. Specifically web, iOS, and Android. For the first time ever you will be able to build an app with shared server/static rendering, data fetching, bundle splitting, and file-based routing on all platforms with a single codebase!
0:27

And the best part—it runs everywhere, natively. Specifically web, iOS, and Android. For the first time ever you will be able to build an app with shared server/static rendering, data fetching, bundle splitting, and file-based routing on all platforms with a single codebase!

Evan Bacon 🥓

52,883 views • 2 years ago

⚡️bun just works™ bun init --react=shadcn ◆ React + Tailwind + shadcn ◆ Full TypeScript setup (.tsx/.ts without babel) ◆ Bun's built-in APIs (S3, Redis, SQL, WebSockets, etc.) ◆ Native test runner ◆ Cursor/Claude files included ◆ ... so much more, zero config 🚀
0:34

⚡️bun just works™ bun init --react=shadcn ◆ React + Tailwind + shadcn ◆ Full TypeScript setup (.tsx/.ts without babel) ◆ Bun's built-in APIs (S3, Redis, SQL, WebSockets, etc.) ◆ Native test runner ◆ Cursor/Claude files included ◆ ... so much more, zero config 🚀

Lydia Hallie ✨

167,707 views • 10 months ago

Prompt: Create a 3D simulation of a formula 1 car performing a continuous drifting donut in the street using HTML/CSS/JS in a single HTML file.
1:03

Prompt: Create a 3D simulation of a formula 1 car performing a continuous drifting donut in the street using HTML/CSS/JS in a single HTML file.

Diego | AI 🚀 - e/acc

233,791 views • 5 months ago

Did you know is full stack? This means you can run a node server in your browser! I created this full stack auth system with React + Express + SQLite DB. All running from my project file with no outside dependencies. This is the real power of Bolt.
1:17

Did you know is full stack? This means you can run a node server in your browser! I created this full stack auth system with React + Express + SQLite DB. All running from my project file with no outside dependencies. This is the real power of Bolt.

Wes Winder

27,747 views • 1 year ago

This Week In Spaceflight with Elysia Segal (Elysia Segal)
0:22

This Week In Spaceflight with Elysia Segal (Elysia Segal)

NSF - NASASpaceflight.com

55,565 views • 11 months ago