Does this skill handle client-side reconnection?

The skill provides a basic client-side hook, but it recommends implementing custom reconnection logic as a best practice for production-grade applications.

How do I enable WebSockets in my SolidStart project?

You must enable the experimental websocket flag in your app.config.ts and add a specific router with the 'ws' type and a server-side handler.

Is WebSocket support in SolidStart stable?

No, it is currently an experimental feature and may change in future releases of the SolidStart and Nitro frameworks.

Can I send JSON data through these WebSockets?

Yes, the skill provides specific implementation patterns for parsing JSON messages using msg.json() on the server and JSON.stringify on the client.

SolidStart WebSockets

Name: SolidStart WebSockets
Author: vallafederico

byvallafederico

0•

API Development

Implements real-time, bidirectional communication in SolidStart applications using experimental WebSocket endpoints.

This skill provides a comprehensive framework for integrating WebSockets into SolidStart projects, covering everything from server configuration in Vinxi to complex client-side state management. It streamlines the implementation of real-time features like chat systems, live notifications, and collaborative data updates by providing standardized patterns for connection lifecycles, message broadcasting, and room-based communication. Ideal for developers looking to move beyond standard HTTP requests to create highly interactive, low-latency web experiences.

Key Features

01Experimental WebSocket endpoint configuration for SolidStart and Vinxi

02Client-side integration using SolidJS signals and lifecycle hooks

03Patterns for processing text, JSON, and binary message formats

04Standardized event handlers for connection lifecycle management

050 GitHub stars

06Scalable broadcasting logic for global and room-based messaging

Use Cases

01Implementing live notification systems for user alerts and activity feeds

02Building real-time chat applications with message history and broadcasting

03Creating collaborative dashboards with synchronized data across multiple clients

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add vallafederico/solid-ai-rules solidstart-websocket

For use in Claude.ai and ChatGPT

Download Skill