Bun React Ssr

What it does

This skill enables AI agents to execute Server-Side Rendering (SSR) workflows using Bun and React, allowing for dynamic HTML generation before sending responses to clients. It streamlines the setup of Next.js applications by automating the installation of necessary dependencies and configuration files tailored for Bun's runtime environment.

When to use it

• You need to deploy a Next.js application that requires server-side rendering for SEO or initial load performance.
• Your development team prefers Bun as the JavaScript runtime over Node.js for faster build times and startup speeds.
• You are building an AI agent workflow that needs to generate static-like HTML dynamically during request processing.

Key capabilities

• Automates installation of next and bun packages within a project directory.
• Configures package.json scripts specifically for Bun-based SSR execution.
• Sets up the foundational structure required to run React components on the server side using Bun.

Example prompts

• "Set up a new Next.js project configured to use Bun for server-side rendering."
• "Install the necessary dependencies and configure my existing React app to run with Bun SSR."
• "Generate the initial file structure and scripts needed to deploy a Bun-based Next.js application."

Tips & gotchas

Ensure your AI agent has write permissions to the target directory, as this skill modifies or creates files like package.json. While this skill handles setup, you must still implement specific React logic and API routes within the generated project to achieve full SSR functionality.