Skip to content

Latest commit

 

History

History
56 lines (44 loc) · 1.52 KB

File metadata and controls

56 lines (44 loc) · 1.52 KB

Grassroots Economics Website

The public website for Grassroots Economics

Tech Stack

  • Next.js 16 with App Router
  • React 19
  • Tailwind CSS 4
  • Framer Motion for animations
  • TypeScript

Getting Started

npm install
npm run dev

Open http://localhost:3000 to view the site.

Project Structure

src/
├── app/            # Pages (App Router)
│   ├── about/
│   ├── blog/       # Pulls posts from Substack RSS feed
│   ├── contact/
│   ├── dashboard/
│   ├── food-forests/
│   ├── how-it-works/
│   ├── media/
│   ├── mooc/
│   ├── research/
│   ├── sarafu-network/
│   ├── support/
│   └── terms/
├── components/     # Reusable UI components
│   └── shared/     # Section, Button, ScrollReveal, etc.
├── data/           # Static data (team, stories, publications)
└── lib/            # Utilities (Substack RSS parser, constants)

Blog

The blog page fetches posts from the Grassroots Economics Substack RSS feed at build time, with ISR revalidation every hour. Post images are extracted from the feed's enclosure elements and displayed as cover images on each card.

Scripts

Command Description
npm run dev Start dev server
npm run build Production build
npm run start Serve production build
npm run lint Run ESLint