Documentation

Getting Started

Installation

npm create next-app@latest my-egrasasas -- -e minimal
cd my-egrasas
npm run dev

Project skeleton includes auto-optimized dark mode, type-safe routing, and AI-powered dev tools

Live component studio included with interactive props explorer and code generation features

API Reference

useEgrasHook

const {data, loading} = useEgrasHook(query, options)
  • • Type-safe query builder
  • • Auto-pagination with cursor
  • • Live updates with websockets

EgrasProvider

<EgrasProvider config={...}>
  • • Environment-based config
  • • Global state management
  • • Auth context integration
useEgrasData
makeEgrasQuery
withEgrasContext

Usage Examples


{`const MyComponent = () => {
  const { data, error } = useEgrasHook('user:active');

  return (
    

      {data ? (
        

          {data.map(item => (
            
...

          ))}
        

      ) : error ? (
        
Error: {error.message}

      ) : (
        

          Loading...
        

      )}
    

  );
}`}

Live Preview

Component preview would render here

Data Query

Real-time data binding with auto-refresh

Component

Type-based configuration system

Custom Hook

Auto-generated TypeScript types