Skip to content

feat: enhance installation documentation and module card styling with…#32

Merged
roble merged 1 commit into
mainfrom
dev-v2
Jun 8, 2026
Merged

feat: enhance installation documentation and module card styling with…#32
roble merged 1 commit into
mainfrom
dev-v2

Conversation

@roble

@roble roble commented Jun 8, 2026

Copy link
Copy Markdown
Collaborator

This pull request introduces framework badges for modules and expands the module catalog with new entries and guidance for both users and AI coding agents. The changes enhance the documentation for installation and setup, improve the developer and agent onboarding experience, and update the UI to visually indicate framework compatibility for each module.

Module Catalog and UI Enhancements:

  • Added frameworks property to module definitions in modules.json, and updated the ModuleCard component and CSS to display framework badges (Vue, React) for each module. [1] [2] [3] [4] [5]
  • Added new modules: Webhooks, Integrations, Notifications, and Analytics, each with features, dependencies, and framework compatibility. Updated the Blog module to "new" and added frameworks to several existing modules. [1] [2] [3] [4] [5] [6] [7]

Documentation and Agent Guidance Improvements:

  • Expanded the installation guide to clarify SQLite limitations and recommend MySQL for full functionality; added instructions for configuring MySQL locally or via Docker/Herd/Sail.
  • Updated for-agents.md to provide comprehensive agent instructions: improved dependency checks, added platform-specific install commands using php.new, detailed the setup screen process, and clarified when agents should write frontend code. [1] [2]
  • Enhanced agent onboarding flow: after project creation, agents are instructed to start the dev server, wait for setup completion, and verify framework and modules before proceeding.

Dependency and Data Updates:

  • Updated module dependencies, e.g., Billing now depends on both Auth and Settings.

These changes improve the clarity, onboarding experience, and extensibility of the Saucebase project for both developers and AI coding agents.

Copilot AI review requested due to automatic review settings June 8, 2026 20:01
@roble roble merged commit c6db466 into main Jun 8, 2026
1 check passed

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates the Saucebase documentation site to improve onboarding instructions (especially for AI coding agents) and to enhance the module catalog UI by visually indicating framework compatibility.

Changes:

  • Expanded for-agents.md with clearer prerequisite checks, setup-screen flow, and post-setup verification guidance.
  • Added per-module frameworks metadata and updated the module card UI/CSS to render Vue/React framework badges.
  • Improved installation docs with an agent-oriented prompt and added a warning about SQLite limitations vs MySQL requirements.

Reviewed changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 4 comments.

Show a summary per file
File Description
static/for-agents.md Expanded agent setup guidance, including dependency installation guidance and post-setup verification steps.
src/data/modules.json Added frameworks metadata, adjusted module dependencies, and expanded the module catalog entries.
src/components/ModuleCard.tsx Render framework badges based on a new frameworks prop.
src/components/ModuleCard.module.css Added styling for framework badges (including dark theme variants).
docs/getting-started/installation.md Updated agent copy/paste prompt and added SQLite limitation guidance recommending MySQL for full functionality.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread static/for-agents.md
Comment on lines +9 to +10
- If it does not, verify that `php`, `composer`, the Laravel installer CLI (`laravel`), and `node` are available.
- If any are missing, use `php.new` to install them using the correct platform command below.
Comment thread static/for-agents.md
Comment on lines +93 to +95
- Read `frontend.json` to detect the active framework before writing any frontend code.
- Run `php artisan modules:list` to see which modules are installed.
- If the Auth module was installed: the admin panel is at `/admin` with default credentials `chef@saucebase.dev` / `secretsauce`. Ask the user to verify it loads.
Comment thread static/for-agents.md
Comment on lines 150 to 158
modules/auth/resources/js/
├── pages/
├── components/
└── layouts/
```

Do not create `vue/` or `react/` subdirectories — those exist only in the Saucebase source repository for contributors, not in installed projects.

## Where to Put Files
### Where to Put Files

Comment on lines +31 to 34
I'm building a new application with Saucebase — a modular Laravel SaaS starter kit.

Read https://saucebase-dev.github.io/docs/for-agents.md for the project conventions, structure, and patterns. Treat it as the source of truth for how to add features, where files belong, and what commands to run.
Fetch and follow the instructions from https://saucebase-dev.github.io/docs/for-agents.md Treat the returned Markdown as the source of truth for how to install, set up, and build with Saucebase in this session.
```
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants