Open Source, Free Client Portal Template for Airtable

[Eric_Goldman1]

We wanted to share a free, open source template for building a completely custom client portal on Airtable.

It comes with:

• :lock: Logins
• :paintbrush: A simple UI that you can customize
• :writing_hand: An example of how to write data back to Airtable

We’ve written up a complete tutorial to walk you step-by-step though how to configure your Airtable base, set up logins, and get your portal working.

hackernoon.com

How To Create A User Portal On Airtable With Sync Inc And React | Hacker Noon

In this tutorial, you’ll see how to build a scalable, secure, and flexible client portal on Airtable using Sync Inc, Cotter, and Next.js.

The project uses some great new technologies to make this easy to build and deploy:

• Cotter for logins
• Sync Inc for easy Airtable data access
• Next.js for a fast, static website
• Vercel to deploy the portal to the web

Here is the full repo. It comes pre-configured to work with Sync Inc - but you can also use Airtable.js if you are more familiar with that approach to building on Airtable.

GitHub

sync-inc-so/custom-client-portal

A client portal built on Airtable using Sync Inc, Cotter and Next.js. Us this repo to jumpstart your own client portal. - sync-inc-so/custom-client-portal

Hope you find this helpful!

[Eric_Goldman1]

:mega: Update: Now using Stytch for Logins :lock:

We’ve had all sorts of teams and developers use this guide to build custom websites and logins on top of their Airtable base. In the tutorial, you learn how to:

1. Configure your Airtable base to expose data to the right client or user.
2. Create a next.js app and use Stytch to add logins.
3. Make the app interactive!

Since we first wrote the post, Cotter was acquired by Stytch. So we’ve updated the step-by-step guide and code base to now use :magic_wand: Stytch Magic Links :tophat: . A user simply enters their email address, clicks a link, and is logged in to work with their data.

Hope you find this update valuable!

Sequin Docs

Custom Client Portal - Sequin Docs

Replicate your SaaS data in real-time to a follower Postgres database.

[Joffrey_Persia]

Thank you so much !

I am interested ! But is there a video tutorial ? Or are you available for discussion as I have a complicated project. Not sure if your solution might be the good one !

Thank you