Welcome to StoneJS Framework

This is a comprehensive demonstration of the StoneJS Framework, a Node.js web framework with component-based architecture. Explore the features through the navigation menu above.

What is StoneJS Framework?

StoneJS Framework brings the power of component-based web development to Node.js with features like:

Hierarchical request handling with autohandlers
Dynamic routing with dhandlers
Global context available to all components
Built-in session and cache management
EJS templating with powerful includes

Quick Start

Here's how to create a simple StoneJS application:

const StoneJS = require('stonejs-framework');

const app = new StoneJS({
  root: './pages',
  port: 3000,
  autoReload: true  // Enable file watching in development
});

app.listen();

Session Information

Your Session Data:

Visit Count: 1
Last Visit: 2025-12-26T09:27:15.925Z
Session ID: YQ0QRja4RBlsW58EXZad5hQ_voDOc-2R

Request Information

The framework provides access to request data through the global context:

Method: GET Path: /demo URL: /demo User Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

Current Context

This page was rendered with the following context:

Component Path: /data/embedded-apps/pages/demo/index.html
Autohandlers: 1 active
Environment: production

Demo Structure

Note: This demo folder is located at pages/demo/ in your project. It's just regular content served by the framework, demonstrating how you can organize your own application.

When deploying to production, you can either:

Delete the pages/demo/ folder entirely
Protect it with authentication in an autohandler
Keep it as internal documentation for your team

Getting Started

📚 NEW: Comprehensive Developer Guide

All StoneJS features, APIs, and best practices in one place. Perfect for building your first project!

View Developer Guide →

Quick Links:

📘 Getting Started Guide - Install and set up your first application
✨ Framework Features - See all capabilities at a glance
🚀 Deployment Guide - Deploy to production

Core Concepts

Autohandlers - Hierarchical layouts and automatic wrapping
Dhandlers - Dynamic routing and REST APIs
Include System - Reusable components
Section Tags - Organize code with <%%doc>, <%%once>, <%%init>, <%%cleanup>, <%%js>
Global Context - Share data across components

Features & Integration

Session Management - Interactive session demo
Caching System - Component & data caching with cacheSelf() and remember()
Database Integration - Query PostgreSQL database
NPM Modules - Use Node.js modules in your pages
API Demo - REST API documentation and examples

Resources

Back to App Home - Return to your application's home page
GitHub Repository - Source code and issues
Production Deployment - Deploy your app

Note: This is a demonstration application. In production, make sure to configure proper security settings, database connections, and session storage.