Field Notes Documentation

Welcome to the Field Notes documentation. This site covers the architecture, design decisions, and development guides for the Field Notes content management system.

Quick Links

• Architecture Overview - High-level system design
• Folder Structure - Code organization
• Component Patterns - How to build components
• SSR Strategy - Server-side rendering approach

About Field Notes

Field Notes is a modern blog/content management system with a Next.js frontend and FastAPI backend. It allows authenticated users to create and publish rich text content with image uploads.

Tech Stack

Frontend:

• Next.js (Pages Router)
• TypeScript
• TipTap rich text editor
• Tailwind CSS

Backend:

• FastAPI (Python)
• MongoDB
• Google Cloud Storage