Video summary

Crea una APP DESDE CERO con bases de datos en Softr | Tutorial de Softr

Main summary

Key takeaways

Technology

Summary (Technological concepts & tutorial features)

The video is a tutorial showing how to create, in a few minutes, a simple web portal/directory using Softr (no-code). It focuses on the new capability Softr recently launched: integrated databases inside the platform, eliminating the need to connect external database tools (e.g., Airtable) for this workflow.

What you build

A “cafes / restaurant directory” web page (example: Cafeterias Monterrey 2025).

The directory displays records from a database and supports:

  • Search
  • Filtering (including multi-select filters)

Softr feature emphasized: Integrated databases

In the Softr dashboard, the creator points out a new “Databases” section. The tutorial explains how to:

  • Connect a data source
  • Work with the database directly within Softr

Database design (fields created)

The tutorial shows creating a new Softr database from scratch, using common field types, such as:

  • Short text (e.g., place description)
  • Select options (e.g., locations like Monterrey, San Pedro Garza García, Santa Catarina)
  • Files (photo/image of the place)
  • Numbers / Rating

It also notes that field types like websites, emails, formulas, and relationships are available in general, though the example uses a smaller subset.

Page creation / app setup workflow

  1. Go to Apps → choose to start an app from scratch (not templates).
  2. Delete default fields on the page to start clean.
  3. Add page components (a few simple ones), including:
    • Hero section (title + subtitle + background image)
    • List/grid component bound to the database
  4. Configure a dynamic list connected to the database:
    • Select database (e.g., v3 cafes)
    • Select table (e.g., Table 1)
    • Choose which database fields display on directory cards (e.g., photo, name, description, location)
  5. Configure search and filter:
    • Enable search across fields (suggested: name/description/location)
    • Set up a location filter with multi-select enabled
  6. Adjust the UI:
    • Switch to horizontal cards
    • Show/hide fields by removing labels/columns

Publication settings (visibility and portal behavior)

The tutorial explains page visibility settings before publishing. For this directory page, it’s configured so:

  • Anyone can view the content (important so users can see results)

It also notes Softr can support logged-in portals with accounts/user menus, but those are removed for this simple directory.

Additionally, it includes:

  • A simple footer and branding items:
    • Upload/change logo
    • Set app name
    • Set favicon
  • Mentions optional paid features, especially:
    • Custom domain support

Demo result highlights

After publishing, the directory shows:

  • The Hero section + cards
  • A working location filter (Monterrey, Santa Catarina, San Pedro Garza García)

The presenter emphasizes that with more records (e.g., 100–200), the search/filter becomes increasingly useful. It concludes that future videos will cover more complex portals (e.g., educational portals).

Main speaker/source

  • Cosillo (host/creator of the tutorial video)

Original video