The Igbo Dictionary API needed a homepage to explain the project to others. I decided to serve a static site from the backend using Next.js and TailwindCSS to make it easier to maintain the site within the API.

Igbo API Homepage: https://igboapi.com/
Igbo API: https://github.com/ijemmao/igbo_api

Timestamps:

  • 0:00 Intro
  • 0:42 A Quick Disclaimer
  • 1:24 How the API Serves the Site
  • 2:15 Build Scripts in Package.json
  • 3:21 Run the API Homepage Site Locally
  • 4:03 NextJS Project Structure
  • 5:57 Tailwind CSS + NextJS
  • 6:22 TailwindCSS Config File
  • 6:41 PostCSS Config File
  • 7:06 NextJS Config File
  • 7:51 Creating _app.js

#next #tailwindcss #api #react #developer

Serving Static Sites via an API using Next.js and TailwindCSS
3.65 GEEK