Learning hub

Resources & starter templates

Grab code, checklists, and walkthroughs to build production-grade apps faster.

React hooks crash notes

Quick references for useState, useEffect, and custom hooks.

Open resource →

Next.js data fetching

SSR, SSG, ISR cheat-sheets for landing pages and dashboards.

Open resource →

Firebase quickstart

Auth, Firestore, hosting basics with code samples.

Open resource →

Open-source starters & snippets

Copy-paste friendly code to speed up your own builds.

Next.js + Tailwind starter

Pre-configured layout with navbar, hero, cards, and CTA buttons.

npx create-next-app@latest my-app
cd my-app && npm i && npm run dev

API route example

Simple JSON API route with error handling for fetch demos.

// pages/api/ping.js
export default function handler(req, res) {
  if (req.method !== 'GET') return res.status(405).end()
  res.status(200).json({ ok: true, now: Date.now() })
}

Reusable CTA button

Minimal button with focus ring and hover transitions.

export function CTA({ children, href }) {
  return (
    <a className="btn btn-primary inline-flex" href={href}>
      {children}
    </a>
  )
}