Learning Paths

Guided paths through the EreoJS documentation based on your background and goals.

Frontend Developer Path

You know React and want to build fullstack applications. This path takes you from familiar React patterns to EreoJS server-side features.

Step 1: Get Started

• Prerequisites --- What you need installed
• Installation --- Create your first project
• Your First App --- Build a working app

Step 2: Learn the Core Concepts

• Routing --- File-based routes, dynamic segments, layouts
• Data Loading --- Loaders and actions
• Islands --- Selective hydration for interactive components
• Rendering Modes --- SSR, SSG, and when to use each

Step 3: Build Real Features

• Forms Guide --- Client and server form handling
• Styling Guide --- CSS, Tailwind, CSS Modules
• Error Handling --- Error boundaries and fallbacks

Step 4: Go Deeper

• State Management --- Signals and stores
• Caching --- Tag-based cache invalidation
• Streaming Deep Dive --- How streaming SSR works

---

Backend Developer Path

You come from Express, Koa, or another backend framework and want to add a modern frontend. This path focuses on server-side patterns and adding React rendering.

Step 1: Understand the Framework

• What is EreoJS? --- Overview and philosophy
• Migration from Express --- Map your existing patterns

Step 2: Learn the Server Side

• Routing --- File-based routes replace app.get()
• Middleware --- Request pipeline and context
• Data Loading --- Loaders replace route handlers, actions handle mutations

Step 3: Add API Routes

• API Routes --- Export GET, POST, PUT, DELETE handlers
• Database Guide --- Connect your database
• Authentication --- Session management and auth flows

Step 4: Add React Rendering

• Rendering Modes --- SSR, SSG, streaming
• Islands --- Add interactivity without shipping a full SPA
• Forms Guide --- Server-side validation with client-side feedback

Step 5: Deploy

• Deployment Overview --- Choose your platform
• Docker --- Containerized deployment
• CI/CD --- Automate builds and deploys

---

Fullstack Developer Path

You want to learn everything EreoJS offers from end to end.

Step 1: Foundation

• What is EreoJS? --- Framework overview
• Feature Overview --- Complete feature list
• Installation --- Set up your environment
• Your First App --- Build something

Step 2: Core Concepts

• Routing --- The file-based routing system
• Data Loading --- Loaders, actions, and the data pipeline
• Rendering Modes --- SSR, SSG, CSR
• Islands --- Selective hydration
• Middleware --- Request pipeline
• Caching --- Tag-based invalidation
• State Management --- Signals and stores

Step 3: Guides

• Forms --- Simple and advanced form handling
• Authentication --- Login, sessions, OAuth
• Database --- Data access patterns
• Testing --- Test your routes and components
• Error Handling --- Boundaries and fallbacks
• TypeScript --- Type safety patterns

Step 4: Architecture

• Why Bun? --- Runtime choice and trade-offs
• Performance --- Optimization strategies
• Security --- CSRF, CSP, and best practices
• Caching Deep Dive --- Cache layers and strategies
• Streaming Deep Dive --- How streaming SSR works

Step 5: Ecosystem and Deploy

• Plugins --- Extend EreoJS
• IDE Setup --- Configure your editor
• CI/CD --- Automated pipelines
• Deployment --- Ship to production

Step 6: Reference

• Cheat Sheet --- Quick patterns
• CLI Reference --- All commands
• Config Reference --- All options
• Glossary --- Framework terminology