Elie Steinbock
Exploring the new App Router in Next.js 13.4
updated
00:00 Introduction to Container Use
00:48 Benefits of Isolated Environments
01:47 Getting Started with Container Use
03:02 Hello World Example
04:36 Advanced Example with Inbox Zero
07:10 Conclusion and Final Thoughts
Container Use: container-use.com
Inbox Zero: getinboxzero.com
Dagger (Sponsor): dagger.io
My open-source Cursor Rules are here:
github.com/elie222/inbox-zero/tree/main/.cursor/rules
Give the repo a star! ⭐
===================
Check out Inbox Zero, an AI email assistant to help you reach Inbox Zero fast: getinboxzero.com
Join my channel Discord: discord.gg/RWwKa2Sn7h
===================
My other videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Follow me on X: https://x.com/elie2222
Join the Newsletter:
Many of my videos are created using Screen Studio (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
Whispr Flow is the free voice note transcription app I use (affiliate link): ref.flowvoice.ai/elie
#cursor #claudecode #containers #dagger #containeruse #agents
It's a Chrome extension that runs in your regular browser.
You can use it with Cursor, Claude Code, or any MCP compatible tool of your choice.
🔗 Links:
browsermcp.io
Inbox Zero: getinboxzero.com
Inbox Zero repo: getinboxzero.com/github
Draft Fantasy: draftfantasy.com
Stagehand: https://stagehand.dev/
Browserbase: browserbase.com
📖 Chapters:
0:00 - Intro
0:28 - Installing Browser MCP
1:18 - Browser MCP for testing
3:10 - Automate tasks
5:40 - Stagehand
===================
I open-sourced my own Cursor .mdc files. You can see them here:
github.com/elie222/inbox-zero/tree/main/.cursor/rules
Give the repo a star! ⭐
Check out Inbox Zero, an AI email assistant to help you reach Inbox Zero fast: getinboxzero.com
Join my channel Discord: discord.gg/RWwKa2Sn7h
===================
My other videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Follow me on X: https://x.com/elie2222
Join the Newsletter: https://dub.link/substack
#mcp #cursor #claudecode #browsermcp #stagehand #browserbase #playwright #testing #automation
#gpt5 #cursor #claude #opus # ai
🔗 Links:
Product Hunt launch: producthunt.com/products/inbox-zero-tabs
Chrome Extension: go.getinboxzero.com/extension
WXT Framework: https://wxt.dev/
Inbox Zero: getinboxzero.com
Inbox Zero repo: getinboxzero.com/github
📖 Chapters:
0:00 - Intro
0:20 - Demo
2:15 - WXT vs Plasmo
3:14 - Setting up WXT with React & Tailwind
4:29 - Shadcn
5:24 - Chrome extension development workflow
6:58 - Publishing with WXT
8:11 - Product Hunt launch tips
This extension organizes your Gmail inbox into smart tabs (Reply, Newsletters, Calendar, etc.) using AI categorization from my open source Inbox Zero project. Instead of achieving inbox zero, you can focus on "reply zero" and bulk archive newsletters effortlessly.
Built with modern web technologies you already know - React, Tailwind CSS, and shadcn/ui components. WXT makes it feel like building a regular React app while handling all the Chrome extension complexity.
===================
I open-sourced my own Cursor .mdc files. You can see them here:
github.com/elie222/inbox-zero/tree/main/.cursor/rules
Give the repo a star! ⭐
Check out Inbox Zero, an AI email assistant to help you reach Inbox Zero fast: getinboxzero.com
Join my channel Discord: discord.gg/RWwKa2Sn7h
===================
My other videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Follow me on Twitter: twitter.com/elie2222
Join the Newsletter: opensource.beehiiv.com
#wxt #chrome #extension #react #tailwind #gmail #productivity #ai #plasmo #javascript
Stagehand: https://stagehand.dev/
Stagehand repo: github.com/browserbase/stagehand
Browserbase: https://browserbase.plug.dev/FORTrsH
Inbox Zero: getinboxzero.com
Inbox Zero repo: getinboxzero.com/github
Thank you to Browserbase for sponsoring this video: https://browserbase.plug.dev/FORTrsH
0:00 - Intro
1:26 - What is Stagehand
2:06 - 3 examples of Stagehand in action
4:57 - How Stagehand is different
5:39 - Computer Use
6:58 - Create a Stagehand project
10:27 - Running our project
13:06 - StageHand Agent
13:51 - BrowserBase
14:27 - Docs
15:57 - Evals (Braintrust)
17:49 - Observe/Extract/Act
18:47 - Closing words
===================
I open-sourced my own Cursor .mdc files. You can see them here:
github.com/elie222/inbox-zero/tree/main/.cursor/rules
Give the repo a star! ⭐
Check out Inbox Zero, an AI email assistant to help you reach Inbox Zero fast: getinboxzero.com
Join my channel Discord: discord.gg/RWwKa2Sn7h
===================
My other videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Follow me on Twitter: twitter.com/elie2222
Join the Newsletter: opensource.beehiiv.com
#stagehand #browserbase #ai #playwright #automation #cursor #llm #braintrust
Here's a 2 minute video showing Cursor Background Agent in some more detail: https://x.com/elie2222/status/1930950495142642061
Note, I'm a Cursor Ambassador which means I get Cursor credits. Other than this I'm not paid by Cursor and I was a Cursor power user long before I became an ambassador.
Inbox Zero, your AI executive assistant for email: getinboxzero.com
The repo: getinboxzero.com/github
My Cursor Rules are here:
github.com/elie222/inbox-zero/tree/main/.cursor/rules
Give the repo a star! ⭐
0:00 - Dagobert's tweet
2:15 - Cursor rules
3:45 - Cursor Background Agent result
4:39 - Prompt
5:53 - How it performed
9:42 - Inbox Zero
===================
Follow me on X: https://x.com/elie2222
Join my channel Discord: discord.gg/RWwKa2Sn7h
Subscribe to the newsletter: opensource.beehiiv.com
#cursor #cursorbackgroundagent #agent #cursorrules #llm #coding #efficiency #vscode
Upcoming Cursor course: https://dub.sh/rXuQYab
Inbox Zero: getinboxzero.com
The hi.new project code for the TaskMaster example is here:
github.com/inbox-zero/hi-new
My open-source Cursor Rules are here:
github.com/elie222/inbox-zero/tree/main/.cursor/rules
Give the repo a star! ⭐
0:00 - Intro
1:50 - task-list.mdc Cursor Rule
3:35 - Writing the prompt
6:00 - Running it
6:59 - Fixing it up
8:28 - CodeRabbit for PR
9:45 - Task Master AI
===================
Check out Inbox Zero, an AI email assistant to help you reach Inbox Zero fast: getinboxzero.com
Join my channel Discord: discord.gg/RWwKa2Sn7h
===================
My other videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Follow me on Twitter: twitter.com/elie2222
Join the Newsletter: opensource.beehiiv.com
Hire a top freelance developer, fast: https://skilled.co.il
Many of my videos are created using Screen Studio (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
Whispr Flow is the free voice note transcription app I use (affiliate link): ref.flowvoice.ai/elie
#cursor #windsurf #cursorrules #taskmaster #mdc #llm #coding #efficiency #vscode
I provide real-world examples from my open source project Inbox Zero, so you can see how everything works together.
⭐ Check out Inbox Zero, my open source AI email assistant: github.com/elie222/inbox-zero
Give the repo a star!
The tweet behind the video:
https://x.com/elie2222/status/1915481467477778731
0:00 - Intro
0:32 - Full-stack JavaScript
1:30 - TypeScript
2:15 - React
4:30 - Next.js
8:28 - Vercel
15:08 - Render
16:17 - Tailwind CSS, Shadcn, 21st dev
24:34 - Redis (Upstash)
25:34 - Trigger.dev
25:58 - LLMs
26:22 - AI SDK & OpenRouter
28:25 - Vitest
Other items that come up (will try add timestamps later):
- Database choices (PostgreSQL)
- Prisma & ORMs
- Database hosting (Neon)
- Email services (Resend)
- Documentation (Mintify)
- Analytics (PostHog)
- Developer tools (Cursor & Warp)
- AI development tools and evals (Braintrust, WorkflowAI)
- Conclusion
===================
Check out Inbox Zero, an AI email assistant to help you reach Inbox Zero fast: getinboxzero.com
Join my channel Discord: discord.gg/RWwKa2Sn7h
===================
My other videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Follow me on Twitter: twitter.com/elie2222
Join the Newsletter: opensource.beehiiv.com
Hire a top freelance developer, fast: https://skilled.co.il
Many of my videos are created using Screen Studio (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
Whispr Flow is the free voice note transcription app I use (affiliate link): ref.flowvoice.ai/elie
#cursor #coding #nextjs #react #typescript #javascript
Cursor Rules can help you speed up your development and make your Cursor Agent more consistent.
It's a good way to stop it inventing new patterns every time it adds a feature to your project, and a good way to give the agent necessary context about your project.
But creating rules can be daunting. This is a quick guide on how to create rules quickly and not get overwhelmed.
My open-source Cursor Rules are here:
github.com/elie222/inbox-zero/tree/main/.cursor/rules
Give the repo a star! ⭐
0:00 - Intro
1:10 - A rule to create rules
1:43 - Creating a rule
3:59 - Using our created rule
5:02 - How to do it without rules
5:21 - Master index rule
6:06 - Summary
===================
Check out Inbox Zero, an AI email assistant to help you reach Inbox Zero fast: getinboxzero.com
Join my channel Discord: discord.gg/RWwKa2Sn7h
===================
My other videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Follow me on Twitter: twitter.com/elie2222
Join the Newsletter: opensource.beehiiv.com
Hire a top freelance developer, fast: https://skilled.co.il
Many of my videos are created using Screen Studio (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
Whispr Flow is the free voice note transcription app I use (affiliate link): ref.flowvoice.ai/elie
#cursor #windsurf #cursorrules #taskmaster #mdc #llm #coding #efficiency #vscode
Task Master is a task management system for AI-driven development with Claude, designed to work seamlessly with Cursor, Windsurf, VS Code and Roocode.
Task Master repo: github.com/eyaltoledano/claude-task-master
0:00 - Intro
0:15 - Init
2:14 - Example PRD
10:20 - Cursor Rules
===================
I open-sourced my own Cursor .mdc files. You can see them here:
github.com/elie222/inbox-zero/tree/main/.cursor/rules
Give the repo a star! ⭐
Check out Inbox Zero, an AI email assistant to help you reach Inbox Zero fast: getinboxzero.com
Join my channel Discord: discord.gg/RWwKa2Sn7h
===================
My other videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Follow me on Twitter: twitter.com/elie2222
Join the Newsletter: opensource.beehiiv.com
Hire a top freelance developer, fast: https://skilled.co.il
Many of my videos are created using Screen Studio (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
Whispr Flow is the free voice note transcription app I use (affiliate link): ref.flowvoice.ai/elie
#cursor #windsurf #cursorrules #taskmaster #mdc #llm #coding #efficiency #vscode
Cursor released Project Rules and deprecated Cursor Rules.
I open-sourced my own Cursor .mdc files. You can see them here:
github.com/elie222/inbox-zero/tree/main/.cursor/rules
Give the repo a star! ⭐
In this video I show you how to set up the Cursor Project Rules format and how powerful it is in action.
Try Inbox Zero: getinboxzero.com
Join my channel Discord: discord.gg/RWwKa2Sn7h
0:00 - Intro
0:27 - My rules
13:05 - Rules in action
My other videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Follow me on Twitter: twitter.com/elie2222
Join the Newsletter: opensource.beehiiv.com
Hire a top freelance developer, fast: https://skilled.co.il
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
Whispr Flow is the free voice note transcription app I use (affiliate link): ref.flowvoice.ai/elie
#cursor #cursorrules #projectrules #mdcrules #llm #coding #efficiency #vscode
How to use Mintlify to generate an MCP server in 30 seconds
The code behind the Inbox Zero MCP
In this video we'll cover the 3 items above. MCP, or Model Context Protocol, gives LLM superpowers. And this video explains what it is. It's simpler than it sounds.
Try Inbox Zero: getinboxzero.com
Inbox Zero MCP on GitHub: github.com/elie222/inbox-zero/tree/main/apps/mcp-server
Give it a star! ⭐
Join the Learn from Open Source Discord: discord.gg/RWwKa2Sn7h
MCP: anthropic.com/news/model-context-protocol
GitHub: github.com/stackblitz/bolt.new
0:00 - Intro
1:14 - MCP demo
4:00 - Code for Inbox Zero MCP
7:47 - More MCPs you can use
8:49 - Generate an MCP Server with Mintlify CLI
More videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Follow me on Twitter: twitter.com/elie2222
Join the Newsletter: opensource.beehiiv.com
Hire a top freelance developer, fast: https://skilled.co.il
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
Whispr Flow is the free voice note transcription app I use (affiliate link): ref.flowvoice.ai/elie
#mcp #modelcontextprotocol #ai #llm #coding #claude
In the process we realized Slack is like… the perfect AI agents platform (Benioff is sitting on a goldmine)
Here's the open source recipe for how to build AI agents like v0 and deploy them to Vercel and Slack."
-------------
Check out Inbox Zero: getinboxzero.com
Star it on GitHub: github.com/elie222/inbox-zero
-------------
* GitHub: github.com/vercel-labs/ai-sdk-slackbot
* Tweet: https://x.com/rauchg/status/1897344599179583898
* Guide: sdk.vercel.ai/docs/guides/slackbot#enhancing-with-tools
Join the Learn from Open Source Discord: discord.gg/RWwKa2Sn7h
More videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Follow me on Twitter: twitter.com/elie2222
Join the Newsletter: opensource.beehiiv.com
Hire a top freelance developer, fast: https://skilled.co.il
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
#ai #llm #programming #coding #vercel #slack
Write tests in plain English and let AI handle the execution. Built on Playwright with seamless GitHub integration.
Star Inbox Zero on GitHub: github.com/elie222/inbox-zero
Join the Learn from Open Source Discord: discord.gg/RWwKa2Sn7h
Shortest: shortest.com
GitHub: github.com/anti-work/shortest
Spell Checker demo repo: github.com/elie222/website-checker
0:00 - Intro
0:33 - Demo project
1:23 - Using Shortest
3:19 - Diving into the code
16:10 - Review of what we covered
Previous related videos:
Trigger.dev - youtu.be/Ta8OI1q8Jvw?si=bmcZBhElmLLCAHIg
Srcbook - youtu.be/c3hy1OG77ec?si=kHdAnjPNHKg9uDhX
Napkins - youtu.be/Tme7bFV_0co?si=fnixLfjAXCz4a904
More videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Follow me on Twitter: twitter.com/elie2222
Join the Newsletter: opensource.beehiiv.com
Hire a top freelance developer, fast: https://skilled.co.il
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
#ai #llm #programming #coding #qa
We cover WebContainer, xterm, and deep dive into the prompt behind Bolt.new.
Star Inbox Zero on GitHub: github.com/elie222/inbox-zero
Join the Learn from Open Source Discord: discord.gg/RWwKa2Sn7h
Bolt: https://bolt.new/
GitHub: github.com/stackblitz/bolt.new
0:00 - Intro
7:00 - LLM prompt
16:00 - Parse response
20:20 - WebContainer
26:00 - xterm
Previous related videos:
Srcbook - youtu.be/c3hy1OG77ec?si=kHdAnjPNHKg9uDhX
Trigger.dev - youtu.be/Ta8OI1q8Jvw?si=bmcZBhElmLLCAHIg
Napkins - youtu.be/Tme7bFV_0co?si=fnixLfjAXCz4a904
More videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Follow me on Twitter: twitter.com/elie2222
Join the Newsletter: opensource.beehiiv.com
Hire a top freelance developer, fast: https://skilled.co.il
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
Whispr Flow is the free voice note transcription app I use (affiliate link): flowvoice.ai/?referral=ELIE1
#bolt #ai #appbuilder #llm #coding
Star Inbox Zero on GitHub: github.com/elie222/inbox-zero
The free transcription app I use:
Whispr Flow: flowvoice.ai/?referral=ELIE1 (affiliate link)
Srcbook: srcbook.com
Srcbook GitHub: github.com/srcbookdev/srcbook
0:00 - Intro
0:33 - Notebook demo (Jupiter for TypeScript)
2:37 - AI app builder demo
4:03 - AI app builder files
5:15 - Diving into the code
5:50 - Commander.js
7:05 - npm packages used
8:10 - Server
9:15 - Creating an app with AI
15:20 - Code behind the TS Jupiter notebook
More videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Twitter: twitter.com/elie2222
Newsletter: opensource.beehiiv.com
Join the LFOS Discord: discord.gg/RWwKa2Sn7h
Hire a top freelance developer, fast: https://skilled.co.il
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
Whispr Flow is the free voice note transcription app I use (affiliate link): flowvoice.ai/?referral=ELIE1
#typescript #javascript #vite #ai #llm #coding #codemirror
Star Inbox Zero on GitHub: github.com/elie222/inbox-zero
Next Faster: https://next-faster.vercel.app/
Next Faster GitHub: github.com/ethanniser/NextFaster
0:00 - Intro
3:25 - Packages it uses
4:23 - Project structure
7:03 - Validated Server Actions
9:02 - Prefetching images for super fast loads
15:21 - PPR Partial Prerendering
15:55 - Cache control header
16:12 - Drizzle schema
16:23 - generateStaticParams
17:24- Other project folders
More videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Twitter: twitter.com/elie2222
Newsletter: opensource.beehiiv.com
Join the LFOS Discord: discord.gg/RWwKa2Sn7h
Hire a top freelance developer, fast: https://skilled.co.il
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
#nextjs #performance #opensource #coding #lighthouse #shadcn #tailwindcss
producthunt.com/posts/inbox-zero-5
Give Inbox Zero a star on GitHub: github.com/elie222/inbox-zero
Twitter: twitter.com/elie2222
Newsletter: opensource.beehiiv.com
Discord: discord.gg/RWwKa2Sn7h
Join Trends.vc:
https://access.trends.vc/?via=elie
Try out Whisper Flow voice transcription:
ref.flowvoice.ai/elie
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
#producthunt #inboxzero
Napkins on GitHub: github.com/Nutlope/napkins
More videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Give Inbox Zero a star on GitHub: github.com/elie222/inbox-zero
Hire a top freelance developer, fast: https://skilled.co.il
Twitter: twitter.com/elie2222
Newsletter: opensource.beehiiv.com
Discord: discord.gg/RWwKa2Sn7h
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
#nextjs #ai #togetherai #llm #tailwindcss #code
Trigger.dev is an open source background jobs platform. Try it out here: https://tgr.dev/PF8BKgj
In this video I take a deep dive into the code behind Trigger.dev.
More videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Give Inbox Zero a star on GitHub: github.com/elie222/inbox-zero
Hire a top freelance developer, fast: https://skilled.co.il
Twitter: twitter.com/elie2222
Newsletter: opensource.beehiiv.com
Discord: discord.gg/RWwKa2Sn7h
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
#developertools #triggerdev #triggerdotdev #nextjs #backgroundworker #queues
In this video I take you through how to use it.
In the next video I'll take a deep dive into the code behind Trigger.
More videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Give Inbox Zero a star on GitHub: github.com/elie222/inbox-zero
Hire a top freelance developer, fast: https://skilled.co.il
Twitter: twitter.com/elie2222
Newsletter: opensource.beehiiv.com
Discord: discord.gg/RWwKa2Sn7h
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
#developertools #triggerdev #triggerdotdev #nextjs #backgroundworker #queues
The video covers how to load data from Sanity, create a Next.js sitemap programmatically, and how to set up and use a self-hosted Sanity studio to create and edit blog posts.
Video links:
Inbox Zero GitHub Blog: github.com/elie222/inbox-zero/tree/main/apps/web/app/blog
Inbox Zero Blog: getinboxzero.com/blog
Video that helped me get started with Sanity: youtube.com/watch?v=9DlokvtZd3k
Helpful Sanity utils: github.com/kcxgu/sanity-blog/tree/main/sanity/lib
More videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Give Inbox Zero a star on GitHub: github.com/elie222/inbox-zero
Hire a top freelance developer, fast: https://skilled.co.il
Twitter: twitter.com/elie2222
Newsletter: opensource.beehiiv.com
Discord: discord.gg/RWwKa2Sn7h
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
#sanitycms #nextjs #sanity #blog
/ @sanity_io
/ @VercelHQ
/ @TailwindLabs
The first section is about some AI tools I use.
The second section is tools to deploy projects.
The third part is about database hosting platforms.
The final section is an assortment of other platforms I use.
00:00 Intro
00:45 Cursor
04:27 Warp
04:50 Claude
05:13 Vercel AI playground
05:58 LLM price calculator
06:35 Midjourney
06:50 Ollama
07:09 Vercel AI SDK
07:48 Vercel
10:04 Render
15:12 SST
16:30 Coolify/Hetzner
21:28 Neon
24:06 Tinybird
25:45 Upstash Redis/Vector/Qstash
26:58 Resend
28:06 React Email
28:58 Loops
30:29 Mintlify
31:52 Novu
33:08 Ending words
Links to related videos:
youtu.be/JGN2LRdx4gE
youtu.be/Alb2kjUzpZ8
youtu.be/oRX96VF7xzo
youtu.be/MqEIGZ4mmPA
More videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Give Inbox Zero a star on GitHub: github.com/elie222/inbox-zero
Hire a top freelance developer, fast: https://skilled.co.il
Twitter: twitter.com/elie2222
Newsletter: opensource.beehiiv.com
Discord: discord.gg/RWwKa2Sn7h
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
#developertools
0:00 Landing page roast
5:48 Julian landing page guide
9:09 Marketing examples tips
10:35 Maker Ads Guide page review
13:50 TalkNotes page review
15:04 ShipFast page review
16:30 Inbox Zero page review
18:00 AI Blog Articles review
19:04 Landingfolio inspiration
19:55 Edens page review
20:35 Tailwind UI templates
21:31 Framer templates
21:49 Lexington themes templates
22:14 Cruip templates
22:52 Shadcn components
23:08 v0 AI generation
Links from the video:
farcasterstudio.com
julian.com/guide/startup/landing-pages
marketingexamples.com
amazon.com/Building-StoryBrand-Clarify-Message-Customers/dp/0718033329
https://makerads.guide/
talknotes.io
https://shipfa.st/?via=elie
getinboxzero.com
getaiblogarticles.com
landingfolio.com/inspiration/landing-page
edensapp.com
tailwindui.com
framer.com/templates
lexingtonthemes.com
cruip.com
ui.shadcn.com
More videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Give Inbox Zero a star on GitHub: github.com/elie222/inbox-zero
Hire a top freelance developer, fast: https://skilled.co.il
Twitter: twitter.com/elie2222
Newsletter: opensource.beehiiv.com
Discord: discord.gg/RWwKa2Sn7h
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
#landingpage #copywriting
For the text version of this video:
getinboxzero.com/blog/post/why-build-an-open-source-saas
More videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Give Inbox Zero a star on GitHub: github.com/elie222/inbox-zero
Hire a top freelance developer, fast: https://skilled.co.il
Twitter: twitter.com/elie2222
Newsletter: opensource.beehiiv.com
Discord: discord.gg/RWwKa2Sn7h
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
#opensource #fullstack #nextjs #typescript #inboxzero
A discussion I opened on the Next.js repo about this issue:
github.com/vercel/next.js/discussions/66999
The demo code in the video is showing Inbox Zero. Give it a star on GitHub: github.com/elie222/inbox-zero
More videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Hire a top freelance developer, fast: https://skilled.co.il
Twitter: twitter.com/elie2222
Newsletter: opensource.beehiiv.com
Discord: discord.gg/RWwKa2Sn7h
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
#opensource #fullstack #nextjs #typescript #serveractions
It's an incredibly simple, yet powerful platform that makes my life much easier.
Loops: https://loops.so
More videos about Open Source: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Give Inbox Zero a star on GitHub: github.com/elie222/inbox-zero
Hire a top freelance developer, fast: https://skilled.co.il
Twitter: twitter.com/elie2222
Newsletter: opensource.beehiiv.com
Discord: discord.gg/RWwKa2Sn7h
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
#opensource #fullstack #nextjs #typescript #turborepo #loops #inboxzero
The Learn from Open Source playlist where I cover many of the projects mentioned in this video in depth: youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO
Projects mentioned in the video:
0:00 Intro
0:23 Badget
2:23 Midday
3:05 Dub
7:03 Uninbox
8:08 Papermark
8:50 Cal
9:49 Formbriks
11:08 OpenStatus
12:17 Novu
13:33 Shadcn
14:53 The Guild
16:02 Documenso
16:23 Unkey
16:59 Gitroom
The tweet this video was based on with links to each project: twitter.com/elie2222/status/1775909711772086592
Give Inbox Zero a star on GitHub: github.com/elie222/inbox-zero
Hire a top freelance developer, fast: https://skilled.co.il
Twitter: twitter.com/elie2222
Newsletter: opensource.beehiiv.com
Discord: discord.gg/RWwKa2Sn7h
Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r
#opensource #fullstack #nextjs #tailwindcss #typescript #shadcn
The deck is built with code and open source.
It uses Next.js, Tailwind UI, and shadcn/ui to work its magic. It uses React HLS player for fast video streaming from Cloudflare, and finishes off with a Cal embed at the end.
It's a beautifully crafted deck that will give you ideas on how to create your own version of it for your company.
The repo:
github.com/midday-ai/midday/tree/main/apps/website/src/components/pitch
I'm working on Inbox Zero, support me by giving it a star:
github.com/elie222/inbox-zero
Twitter: twitter.com/elie2222
Newsletter: opensource.beehiiv.com
Discord: discord.gg/RWwKa2Sn7h
#opensource #fullstack #nextjs #tailwindcss #typescript #shadcn #cloudflare #pitching #deck
Novu uses Redis, MongoDB, Nest.js, and BullMQ. I'll show you how Novu uses message queues to handle notifications at massive scale.
Novu: novu.co
Novu GitHub: github.com/novuhq/novu
Give Inbox Zero a star on GitHub:
github.com/elie222/inbox-zero
Elie on Twitter: twitter.com/elie2222
Newsletter: opensource.beehiiv.com
Discord: discord.gg/RWwKa2Sn7h
Chapters:
0:00 Intro
1:36 How to use Novu
4:20 Tech stack
6:48 Codebase structure
7:32 The code - BullMQ/Nest.js
11:58 Workers code
15:13 Recap of code
#opensource #nestjs #bullmq #redis #mongodb #novu #fullstack #javascript #typescript
Farcaster is a decentralised social network. I've been using it for 2 years and it's recently started to grow in popularity.
If you want to join Farcaster, here is my invite link: warpcast.com/~/invite-page/3863?id=8104361e
To launch a Frame referral or affiliate program check out: https://sharemint.xyz
Links from the video:
ShareMint.xyz - the web3 affiliate network - and the frame I show in the video.
Awesome Frames: github.com/davidfurlong/awesome-frames
I also show you an open source tool I built using Tinybird (Clickhouse) to keep track of my OpenAI costs.
The code from the video: github.com/elie222/inbox-zero/tree/main/packages/tinybird-ai-analytics
Star on GitHub: github.com/elie222/inbox-zero
Elie on Twitter: twitter.com/elie2222
Newsletter: opensource.beehiiv.com
Discord: discord.gg/RWwKa2Sn7h
Tinybird: tinybird.co
Thanks to AI Jason for the inspiration behind the video and teaching me some of the concepts. His longer video on this topic: youtube.com/watch?v=lHxl5SchjPA
Chapters:
0:00 Intro
0:29 LLM Cost Calculator
1:11 Vercel AI Playground
1:43 How to drop costs
2:03 LLM routers
2:36 Fine-tune LLM
2:52 Send less data
3:17 Summarize data for LLM
3:33 LLMLingua
4:00 Use code instead of LLMs
4:38 Track LLM usage
5:34 Load LLM in user's browser (Web LLM)
6:35 Tinybird tool to track usage
8:57 Code behind Tinybird tool
It offers a bulk newsletter unsubscriber, AI automated assistant, email analytics, and a cold email blocker.
Inbox Zero GitHub: github.com/elie222/inbox-zero
Website: getinboxzero.com
Discord: getinboxzero.com/discord
The app is built with:
* Next.js
* TypeScript
* Tailwind CSS
* shadcn/ui
* Prisma
* PostgreSQL
* Tinybird
* Redis
* Upstash
* Turborepo
* Next Auth
* OpenAI
* Gmail API
Follow Elie on Twitter: twitter.com/elie2222
Learn from Open Source newsletter: opensource.beehiiv.com
Learn from Open Source Discord: discord.gg/RWwKa2Sn7h
Chapters:
0:00 Intro
0:34 Product Demo
1:51 The Codebase
2:42 Monorepo
3:35 Packages
5:13 Structure
7:54 How types are shared between server and client + validation
11:32 Zod for AI responses
12:27 VS Code Snippets
14:01 Roadmap + how to contribute
I will do a deeper dive into the code behind Inbox Zero next week.
0:00 Intro
0:46 Tech Stack
2:00 Product Hunt Tips
6:02 Finding a Hunter
8:24 Launch Video
9:29 Maker Comment
10:05 Images in Figma
13:25 Final Words
Support the Product Hunt launch:
Twitter: twitter.com/elie2222/status/173955778320311502
PH: producthunt.com/posts/inbox-zero-2
Inbox Zero: getinboxzero.com
GitHub: getinboxzero.com/github
Links from video:
Trends.vc: https://join.trends.vc/
Indie Worldwide: indieworldwide.com
Papermark Product Hunt guide: papermark.io/blog/product-hunt-launch
Help Inbox Zero reach 200 stars on GitHub ⭐️: getinboxzero.com/github
Inbox Zero: getinboxzero.com
This video is part of the Learn from Open Source series.
Full Stack AI uses OpenAI function calling, Kirimase, and Commander.js to make its magic happen.
Video links:
Full Stack AI: https://fsai.elie.tech/
Full Stack AI GitHub: github.com/alephmatic/full-stack-ai
Kirimase: github.com/nicoalbanese/kirimase
0:00 Intro
0:26 Inbox Zero
1:03 Full Stack AI Demo
2:20 Full Stack AI Code
6:32 Kirimase Demo
7:55 Kirimase Code
Links:
Twitter: twitter.com/elie2222
Discord: discord.gg/RWwKa2Sn7h
Newsletter: opensource.beehiiv.com
Learn from Open Source: github.com/elie222/learn-from-open-source
The end of the video covers the plagiarism controversy between Auto Playwright and ZeroStep, the project that inspired it.
Help me get Inbox Zero GitHub to 200 stars ⭐️: getinboxzero.com/github
This video is part of the Learn from Open Source series.
Open Playwright uses OpenAI function calling, Playwright, and Typescript to make its magic happen.
Video links:
Auto Playwright GitHub: github.com/lucgagan/auto-playwright
Auto Playwright Blog Post: https://ray.run/blog/auto-playwright
ZeroStep: zerostep.com
ZeroStep GitHub: github.com/zerostep-ai/zerostep
ZeroStep controversy: zerostep.com/blog/launch-on-thursday-cloned-by-saturday
0:00 Intro
0:52 Run Auto Playwright
01:08 Inbox Zero - Sponsor
1:23 Auto Playwright Demo
5:02 Code behind Auto Playwright
11:17 OpenAI prompt
12:07 OpenAI Function calling
15:52 Video Summary
17:01 ZeroStep controversy
Links:
Twitter: twitter.com/elie2222
Discord: discord.gg/RWwKa2Sn7h
Newsletter: opensource.beehiiv.com
Learn from Open Source: github.com/elie222/learn-from-open-source
Inbox Zero: getinboxzero.com
This is part of the Learn from Open Source series.
Cal.ai uses Langchain agents, OpenAI function calling, and Sendgrid to make its magic happen. The project is fully open source and part of the larger open source Cal.com.
Video links:
Cal AI: cal.ai
Cal AI GitHub: github.com/calcom/cal.com/tree/main/apps/ai
Cal GitHub: github.com/calcom/cal.com
0:00 Intro
0:30 Product Demo
01:35 GitHub code
2:14 Sponsor (Inbox Zero)
2:35 Packages
4:27 Architecture
6:24 /api/receive endpoint (Sendgrid webhook)
12:44 /api/agent endpoint
13:45 Langchain Agent / OpenAI function calling
18:34 /api/onboard endpoint
18:49 Cal App Store
Links:
Twitter: twitter.com/elie2222
Discord: discord.gg/RWwKa2Sn7h
Newsletter: opensource.beehiiv.com
Learn from Open Source: github.com/elie222/learn-from-open-source
Inbox Zero: getinboxzero.com
Shadcn UI is a popular collection of re-usable components with its own CLI. The CLI uses Commander.js and ASTs (Abstract Syntax Trees).
Shadcn/ui: ui.shadcn.com
GitHub: github.com/shadcn-ui/ui/tree/c6917799ce188cb4cf48018b8c093bfebd6b3eac
* Twitter: twitter.com/elie2222
* Newsletter: opensource.beehiiv.com
* Discord: discord.gg/RWwKa2Sn7h
📖 Learn from Open Source: github.com/elie222/learn-from-open-source
📭 Inbox Zero: getinboxzero.com
👩🏼💻 Skilled, freelance developer jobs: https://skilled.co.il
📒 Chapters:
00:00 - Intro
00:40 - shadcn/ui demo
01:05 - How to run the CLI
03:23 - Diving into the CLI repo
05:11 - Commander.js
17:18 - ASTs
22:55 - shadcn/ui website and registry
Each week I do a new video on an open source project. Subscribe to get notified about the next video.
Code available at:
github.com/elie222/tinybird-example
A few days later an open source alternative called openv0 was released.
Openv0 uses shadcn component library and Lucide to generate production ready React code.
In this video we dive into the code behind openv0 to learn how it uses OpenAI to generate production-ready components.
Openv0 on GitHub: github.com/raidendotai/openv0
Chapters:
00:00 - Demo of v0 and openv0
2:01 - Running the project
2:21 - Project structure
2:55 - Core AI logic to Generate Components
11:34 - Summary and Tips
13:04 - Wrap up
🎥 Get notified about future videos:
Join the newsletter: opensource.beehiiv.com/subscribe
Follow me on Twitter: twitter.com/elie2222
I also curate a list of open source projects to learn from at: github.com/elie222/learn-from-open-source
💌 I'm also building an open source email app that helps people reach Inbox Zero faster: getinboxzero.com
I show you how to query 50m rows of data in half a second using Clickhouse and Tinybird!
We'll set up a Next.js project to do this, and the code is available here:
github.com/elie222/tinybird-example
Subscribe to the Open Source Explored newsletter: opensource.beehiiv.com/subscribe
Papermark uses Tinybird as its analytics database, Next.js, Tailwind, and Prisma.
Papermark website: papermark.io
Papermark GitHub: github.com/mfts/papermark
I'm building an open source project to help people manage their email better. Give it a GitHub star to show your support:
getinboxzero.com/github
OpenStatus uses a monorepo with Turbopack and we cover how to set up your own Turborepo project in the video.
OpenStatus: https://www.openstatus.dev/
OpenStatus GitHub: https://www.openstatus.dev/github
Follow me on Twitter: twitter.com/elie2222
Subscribe to the Open Source Explored newsletter: opensource.beehiiv.com/subscribe
In this video I explain how you can fine-tune your own model in 10 lines of code.
At the end of the video I show you how to query the fine-tuned model in the OpenAI Playground and how pricing compares to GPT-4 and GPT-3.5.
The code used in the video is available on GitHub: github.com/elie222/fine-tune-gpt-3.5-turbo
YC Idea Matcher: https://yc-idea-matcher.vercel.app/
GitHub: github.com/neondatabase/yc-idea-matcher
Follow me on Twitter: twitter.com/elie2222
I'm working on an app called Inbox Zero to help people get to Inbox Zero in minutes. Check it out at: getinboxzero.com
The tech used in the video includes Next.js, Tailwind, Shadcn, Radix UI, Vaul, Neon serverless Postgres, and OpenAI embeddings.
YC Idea Matcher was created by the team at https://neon.tech. Check them out!
In the video we'll create our own editor using Tiptap and cover the code used to create Novel.sh and it's AI autocompletion functionality.
The code in the video uses TypeScript, Next.js, and Tailwind.
Links from the video:
Novel: https://novel.sh/
Novel GitHub: https://novel.sh/github
Tiptap: https://tiptap.dev/
Demo project: github.com/elie222/tiptap-example
#ai #code #nextjs #tiptap #react #openai #opensource #tutorial
The project uses Next.js, Tailwind, Prisma, Typescript, and Vercel.
We take a closer look at how to use content layer, react-email, radix ui, and the command k library.
#nextjs #opensource #contentlayer #react-email #developer #code
vercel.com/blog/platforms-starter-kit
It allows you to build multitenant apps with custom domains with Next.js and Vercel.
All the code is open source. This video takes a deep dive into the code to help you understand it better and use the concepts and code in your own codebase.
At the end of the video I cover Novel.sh editor which is an open-source text editor that includes AI text generation.
The main files to understand to make use of custom domains yourself are:
github.com/vercel/platforms/blob/main/middleware.ts
github.com/vercel/platforms/blob/main/lib/domains.ts
I missed this second link in the video but it's worth taking a look at to make the integration work in your project.
#Vercel #Nextjs #OpenSource #AI #openai #gpt #code
This video takes a deep dive into the code behind it.
It will teach you how OpenAI new function calling functionality works so you can build similar apps yourself. It also covers Vercel's AI library to interact with OpenAI and stream responses to your users.
ChatHN: https://chathn.vercel.app/
GitHub: github.com/steven-tey/chathn
Part 2 is available here: youtu.be/QY7U5GxanEU. This video covers the latest version of Next.js and the core packages used by this project.
#OpenAI #NextJS #OpenSourceProject #HackerNews #Vercel
🕒 Time Stamps:
1. Introduction to Processes and Focus on Small Businesses (0:00-0:30)
2. Benefits of Writing Down Processes and Handling Them (0:30-2:30)
3. Example Process for Signing a Contract (2:30-7:00)
4. Ways to Improve and Automate Processes (7:00-11:00)
5. Additional Tools and Tips (11:00-14:00)
6. Offer of Free Consultation (14:00-End)
I'm offering a free 15-minute consultation if you'd like help improving your own processes. Just DM me on Twitter at twitter.com/@elie2222 to set up a call. I'm not looking to sell you anything. Don't worry. I don't have time for paid work right now but happy to help out where I can 😄
Like, comment, subscribe, and don't forget to share this video with other small business owners who might find it helpful!
#BusinessProcess #Efficiency #Notion #Airtable #Zapier #ProcessStreet #BusinessStrategy #Consultation


