Learn With Jason

<GitHubRepo url="https://github.com/learnwithjason/convex-twilio-text-log" description="Text to Post app featuring Convex Actions." />

SMS handled through twilio.com
Auth managed by clerk.com

Join Jason's newsletter to get tutorials, live events, interviews, and a whole lot more delivered directly to your inbox: https://lwj.dev/newsletter

In this tutorial, learn how to use Convex HTTP actions to set up a webhook that handles incoming text messages and stores them for display in a React web app. On top of that, it manages user auth and permissions. This is a legitimately complex workflow that can be built in under an hour using a couple hundred lines of code.

Texting your Web App to Create Posts

Using Convex, 4 web devs built their own fullstack app based on this prompt:

> Build a way to show real-time updates on the website for a Dungeons and Dragons-themed small business!  

See what they built, learn how they did it, and watch their reactions to each other's work in this installment of the "4 Web Devs, 1 App Idea" video series.


Featuring projects by:

[Web Dev Cody](https://www.webdevcody.com/)
- Live app: [the-obsidian-forge.vercel.app](https://the-obsidian-forge.vercel.app/)
- Source code: [github.com/webdevcody/the-obsidian-forge](https://github.com/webdevcody/the-obsidian-forge)
- In-depth explainer: [stack.convex.dev/wdc-coding-challenge-with-jason](https://stack.convex.dev/wdc-coding-challenge-with-jason)

[Anjana Vakil](https://anjana.dev/)
- Live app: [anjana.dev/questferret](https://anjana.dev/questferret/)
- Source code: [github.com/vakila/questferret](https://github.com/vakila/questferret)

[Tom Ballinger](https://ballingt.com/)
- Live app: [partyisfull.com](https://www.partyisfull.com/)
- Source code: [github.com/thomasballinger/your-party-is-full](https://github.com/thomasballinger/your-party-is-full)

[Jason Lengstorf](https://jason.energy/links)
- Live app: [dnd-lamp-store.netlify.app](https://dnd-lamp-store.netlify.app/)
- Source code: [github.com/learnwithjason/dnd-lamp-store](https://github.com/learnwithjason/dnd-lamp-store)

Using Convex, 4 web devs built their own fullstack app based on this prompt:

> Build a way to show real-time updates on the website for a Dungeons and Dragons-themed small business!  

See what they built, learn how they did it, and watch their reactions to each other's work in this installment of the "4 Web Devs, 1 App Idea" video series.



4 Devs, 1 Idea, 4 Apps in 4 Hours(!!) with Convex

Written version: https://www.learnwithjason.dev/blog/convex-type-safe-database

You can build a database-powered app with end-to-end type safety and real-time updates without needing to learn how to manage databases. This tutorial will show you how.

- Source code: https://github.com/learnwithjason/dashboard-convex-react
- Finished app: https://convex-dashboard-react.netlify.app/

Quick note: at 3:50 and 7:20, the mutations should also be async functions and we should `await db.insert()` — leaving it out isn't a bug but the Convex team let me know that it's safer to always send async functions to queries and mutations.

Huge thanks to Convex for sponsoring this video. Learn more at https://convex.dev

Resources:
- Read this tutorial instead: https://www.learnwithjason.dev/blog/convex-type-safe-database
- Convex documentation: https://docs.convex.dev/introduction/
- Unsplash: https://unsplash.com/ — images of pups came from here
- React Charts: https://react-charts.tanstack.com/ — used for the stats view


You can build a database-powered app with end-to-end type safety and real-time updates without needing to learn how to manage databases. This tutorial will show you how.


Jason Lengstorf

All posts by Jason