diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index 1ca2cee5..31bf321a 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -92,6 +92,7 @@ export default defineConfig({
items: [
{ text: 'Server-side', link: '/guide/server-side-setup' },
{ text: 'Client-side', link: '/guide/client-side-setup' },
+ { text: 'Starter kits', link: '/guide/starter-kits' },
],
},
{
diff --git a/docs/guide/server-side-rendering.md b/docs/guide/server-side-rendering.md
index 0bb78ee4..4a85233f 100644
--- a/docs/guide/server-side-rendering.md
+++ b/docs/guide/server-side-rendering.md
@@ -10,7 +10,7 @@ Server-side rendering pre-renders your JavaScript pages on the server, allowing
## Add server entry-point
-Next, we'll create a `app/frontend/ssr/ssr.js` file within the Rails project that will serve as the SSR entry point.
+Next, we'll create a `app/frontend/ssr/ssr.js``app/frontend/ssr/ssr.jsx``app/frontend/ssr/ssr.js` file within the Rails project that will serve as the SSR entry point.
This file is going to look very similar to your regular inertia initialization file, except it's not going to run in the browser, but rather in Node.js. Here's a complete example.
@@ -196,6 +196,7 @@ Next, we need to update our Vite configuration to build our new `ssr.js` file. W
## Enable SSR in the Inertia's Rails adapter
```ruby
+# config/initializers/inertia_rails.rb
InertiaRails.configure do |config|
config.ssr_enabled = ViteRuby.config.ssr_build_enabled
end
@@ -249,7 +250,7 @@ createInertiaApp({
== React
```js
-// frontend/entrypoints/inertia.js
+// frontend/entrypoints/inertia.jsx
import { createInertiaApp } from '@inertiajs/react'
import { createRoot } from 'react-dom/client' // [!code --]
import { hydrateRoot } from 'react-dom/client' // [!code ++]
diff --git a/docs/guide/starter-kits.md b/docs/guide/starter-kits.md
new file mode 100644
index 00000000..288d1df5
--- /dev/null
+++ b/docs/guide/starter-kits.md
@@ -0,0 +1,42 @@
+# Inertia Rails Starter Kits
+
+## Overview
+
+Inertia Rails starter kits provide modern, full-stack scaffolding for building Rails applications with React, Vue, or Svelte frontends using Inertia.js. These starter kits are inspired by Laravel's starter kit ecosystem and offer the fastest way to begin building Inertia-powered Rails applications.
+
+
+
+
+
+## Key Features
+
+- [Inertia Rails](https://inertia-rails.dev) & [Vite Rails](https://vite-ruby.netlify.app) setup
+- [React](https://react.dev) frontend with TypeScript & [shadcn/ui](https://ui.shadcn.com) component library
+- User authentication system (based on [Authentication Zero](https://github.com/lazaronixon/authentication-zero))
+- [Kamal](https://kamal-deploy.org/) for deployment
+- Optional SSR support
+
+## Available Starter Kits
+
+### React Starter Kit
+
+**Repository:** [inertia-rails/react-starter-kit](https://github.com/inertia-rails/react-starter-kit)
+
+### Vue Starter Kit
+
+**Repository:** [inertia-rails/vue-starter-kit](https://github.com/inertia-rails/vue-starter-kit)
+
+### Svelte Starter Kit
+
+**Repository:** [inertia-rails/svelte-starter-kit](https://github.com/inertia-rails/svelte-starter-kit)
+
+## Getting Started
+
+Each starter kit repository includes detailed setup instructions. The typical workflow:
+
+1. Clone the desired starter kit repository
+2. Run `bin/setup`
diff --git a/docs/public/images/starter-kit-dark.png b/docs/public/images/starter-kit-dark.png
new file mode 100644
index 00000000..120b4e9f
Binary files /dev/null and b/docs/public/images/starter-kit-dark.png differ
diff --git a/docs/public/images/starter-kit-light.png b/docs/public/images/starter-kit-light.png
new file mode 100644
index 00000000..d3c0cfb5
Binary files /dev/null and b/docs/public/images/starter-kit-light.png differ