Web Applications add real accounts and dynamic data on top of everything a Website project can do. This walks you through a simple app where visitors can sign up, log in, and see their own data.
- Create the project. From your Dashboard, click New Project, name it, and choose Web Application.
- Lay out the shell. Start from a template, or blank. Add a Page block for your home page, and a Navigation Bar.
- Add real authentication. Add a Signup Form block on one page and a Login Form block on another, these handle real accounts for your app's own visitors, entirely separate from your own CodeBlock Studio account.
- Add live data. Add a Data Table block to display records from your project's own database, and a Record Form block so signed-in users can create or edit entries themselves.
- Optional: end-user 2FA. Turn on Account Security if you want your visitors to be able to enable their own two-factor authentication, independent of your own account's security settings.
- Test as a real user would. Preview your app, actually sign up as a test visitor, submit a record through the Record Form, and confirm it shows up in the Data Table.
- Publish when it's ready for real visitors.
Turn this into a video
A short script you can record with simple screen-capture software (OBS Studio, Loom, etc.) while following the steps above:
- Create a new Web Application project and show the Signup Form and Login Form blocks being added.
- Add a Data Table block and briefly show connecting it to a database collection.
- Preview the app and actually sign up as a test user on camera.
- Show the new record appearing after submitting a Record Form.
- Publish and show the live link.
Keep it under 3-5 minutes, screen-record your own editor while narrating, viewers learn faster watching a real build than reading steps alone.