Build a Splash Page with Next.js, Airtable and SyncInc

Developer Tools Database Management Web Frameworks

Next.js Landing Page
1

Next.js

A small framework for server-rendered universal JavaScript apps
Pricing:
- Open Source
// pages/index.js Import Head from "next/head"; Import { removeNullValues } from "../utils/data-helpers"; Import styles from "../styles/Home.module.css"; Export default function Home({rows}) { return ( <div className={styles.container}> <Head> <title>Create Next Apptitle> <link rel='icon' href='/favicon.ico' /> Head> <main className={styles.main}> <h1 className={styles.title}> Welcome to <a href='https://nextjs.org'>Next.js!a> h1> <div style={{ maxWidth: "80%", margin: "0 auto" }}> {JSON.stringify(rows, null, 2)} div> main> div> ); } Export async function getStaticProps() { // asynchronously import getSections to avoid any client side evaluation. const { getSections } = await import("../lib/pg"); const response = await getSections(); // removes any fields with empty or undefined values to avoid any serialization errors const rows = removeNullValues(response?.rows); return { props: { rows, // return data as props. }, }; }.

#Developer Tools #Web Frameworks #JavaScript Framework 918 social mentions
Postico Landing Page

2

Postico

A modern PostgreSQL client for OS X

At this point it may be a good idea to test this query by running it against your database from any database admin software. You can find many free/freemium tools (i.e., SequelPro, Postico, DBeaver), although we'll be using TablePlus, because it's extremely simple to use with a great UI.

#Database Management #Databases #MySQL Tools 15 social mentions