This ultra-lightweight Airtable template includes minimal styles, focusing on providing the logic to connect to Airtable while allowing custom styling.
Template contents:
Product Page – Dynamic page for records.
Products Page – Static page that lists all the records.
Sitemap – XML page that outputs the static and dynamic pages.
Update Resource URL and Personal Access Token
These values need to come from your Airtable account.
Personal Access Token – Go to Airtable Developers and generate a new Personal Access Token. Give it a scope with read access and give it access to your Base.
Resource URL – Your URL will follow this format https://api.airtable.com/v0/appXXXXXXXXXX/<table name>. Go to your Base > Help > API documentation > select your table on the left > List records > and there will be a sample curl request in the top right. Be sure to select the URL until the question mark (don't include the question mark or after).
Copy the URL and Token and go to Webstudio > Global Root > Settings > and paste them in their respective Data Variables.
For an in-depth tutorial on setting up Webstudio and Airtable, watch this video.