Інтеграція Airtable API з сайтом

Інтеграція Airtable API з веб-сайтом

Airtable — гібрид таблиці та бази даних з REST API. Популярний як CMS без коду: контент-менеджери редагують записи, сайт читає через API. Підходить для каталогів, розкладів, команди, FAQ.

Airtable REST API

import Airtable from 'airtable';

const base = new Airtable({ apiKey: process.env.AIRTABLE_API_KEY })
  .base(process.env.AIRTABLE_BASE_ID!);

async function getTeamMembers(): Promise<TeamMember[]> {
  const records = await base('Team').select({
    filterByFormula: "{Active} = TRUE()",
    sort: [{ field: 'Order', direction: 'asc' }],
    fields: ['Name', 'Role', 'Photo', 'Bio', 'LinkedIn'],
  }).all();

  return records.map(record => ({
    id:       record.id,
    name:     record.get('Name') as string,
    role:     record.get('Role') as string,
    photo:    (record.get('Photo') as Attachment[])?.[0]?.url,
    bio:      record.get('Bio') as string,
    linkedin: record.get('LinkedIn') as string,
  }));
}

Створення записів

async function createJobApplication(data: ApplicationData): Promise<string> {
  const record = await base('Applications').create({
    'Applicant Name': data.name,
    'Email':          data.email,
    'Position':       data.position,
    'Message':        data.message,
    'Status':         'New',
    'Applied At':     new Date().toISOString(),
  });
  return record.id;
}

ISR (Incremental Static Regeneration) з Airtable

// Next.js: сторінка оновлюється кожні 60 секунд
export async function getStaticProps() {
  const items = await getTeamMembers();
  return {
    props: { items },
    revalidate: 60,
  };
}

Airtable Webhooks (платні тарифи) можна використовувати для інвалідації кеша при змінах у базі.

Час реалізації: 1–2 робочих дня.