Registry / devops / spine-framework

spine-framework

library0.1.60jsnpmunverified

Spine is an enterprise application framework built on Supabase, Netlify, and React. At version 0.1.60, it is in early active development with a release cadence driven by GitHub pushes. It differentiates by tightly integrating with Supabase for backend (auth, realtime, storage), Netlify for serverless deployment, and React for UI, while also requiring specific editor dependencies like TipTap and Lowlight for rich text. Works with Node >=18 and supports both React 18 and 19.

devops productivity

npm install spine-framework

github ↗package ↗homepage ↗

INSTALL

IMPORT

SIG · SPINE-FRAMEWORK

spine-framework

devopsjavascriptv0.1.60

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

SpineApp

✓ import { SpineApp } from 'spine-framework'

✗ const SpineApp = require('spine-framework')

ESM-only; CommonJS require not supported.

useAuth

✓ import { useAuth } from 'spine-framework'

✗ import useAuth from 'spine-framework'

Named export, not default.

✓ import { db } from 'spine-framework'

✗ import { supabase } from 'spine-framework'

Db wrapper around Supabase client.

Initializes a Spine application with Supabase and Netlify configuration, wrapping the app in a provider.

import { SpineApp } from 'spine-framework'; import { createRoot } from 'react-dom/client'; const config = { supabaseUrl: process.env.SUPABASE_URL ?? '', supabaseAnonKey: process.env.SUPABASE_ANON_KEY ?? '', netlifyToken: process.env.NETLIFY_TOKEN ?? '', }; function App() { return ( <SpineApp config={config}> <h1>Welcome to Spine</h1> </SpineApp> ); } const root = createRoot(document.getElementById('root')!); root.render(<App />);

Debug

Known issues

gotchaAll peer dependencies must be installed manually as Spine does not auto-install them.

fix

Install all listed peer dependencies in your project.

affects: >=0.0.0

breakingIn version 0.1.0, the api module was renamed to server.

fix

Replace imports from 'spine-framework/api' with 'spine-framework/server'.

affects: <0.1.0

deprecatedThe createSpine function is deprecated in favor of SpineApp component.

fix

Use <SpineApp> component instead of createSpine().

affects: >=0.1.20

gotchaRequires React 18 or 19; may not work with custom React builds.

fix

Ensure your project uses React 18.x or 19.x.

affects: >=0.0.0

gotchaNode.js <18 is not supported due to native fetch requirements.

fix

Upgrade Node.js to version 18 or higher.

affects: >=0.0.0

Errors

Common errors & fixes

Module not found: Error: Can't resolve 'spine-framework'

Package not installed or peer dependencies missing.

fix

Run npm install spine-framework @netlify/functions react react-dom react-router-dom vite @tiptap/react @tiptap/starter-kit @tiptap/extension-code-block-lowlight @tiptap/extension-placeholder lowlight highlight.js

Uncaught TypeError: Cannot read properties of undefined (reading 'supabase')

Missing Supabase URL or anon key in configuration.

fix

Provide both supabaseUrl and supabaseAnonKey in the config object passed to SpineApp.

Error: Netlify functions not enabled. Did you set NETLIFY_TOKEN?

Missing Netlify token for serverless function deployment.

fix

Set the NETLIFY_TOKEN environment variable or config property.

Upgrade

Version history

0.1.60latest on npm

Audit

Dependencies

@netlify/functionsrequiredRequired for Netlify serverless function integration

reactrequiredUI framework component

react-domrequiredDOM rendering for React

react-router-domrequiredClient-side routing

viterequiredBuild tool and dev server

@tiptap/reactrequiredRich text editor integration (React bindings)

@tiptap/starter-kitrequiredDefault Tiptap extensions

@tiptap/extension-code-block-lowlightrequiredSyntax highlighting in code blocks

@tiptap/extension-placeholderrequiredPlaceholder for empty editor

lowlightrequiredSyntax highlighting library for code blocks

highlight.jsrequiredAlternative syntax highlighting library

Agent activity

24 hits · last 30 days

node

Bingbot

OpenAI (training)

Resources

githubhttps://github.com/art-mojo-admin/spine ↗

packagespine-framework ↗

homepagehttps://github.com/art-mojo-admin/spine#readme ↗