frontend-hamroun 1.2.24 → 1.2.25

package/templates/ssr-template/package.json

@@ -1,14 +1,16 @@
 {
-  "name": "fullstack-ssr-app",
-  "private": true,
+  "name": "ssr-app",
   "version": "0.1.0",
   "type": "module",
   "scripts": {
     "dev": "node server.js",
-    "start": "node server.js"
+    "start": "node server.js",
+    "build": "echo 'No build step required for this template'"
   },
   "dependencies": {
+    "dotenv": "^16.0.3",
     "express": "^4.18.2",
-    "frontend-hamroun": "latest"
+    "frontend-hamroun": "latest",
+    "node-fetch": "^3.3.1"
   }
 }

package/templates/ssr-template/readme.md

@@ -1,14 +1,6 @@
-# Frontend Hamroun Full-Stack SSR Template
+# Frontend Hamroun SSR Template
 
-This template demonstrates a comprehensive server-side rendering (SSR) application using the Frontend Hamroun framework, complete with authentication, protected routes, and API endpoints.
-
-## Features
-
-- **Server-Side Rendering**: Pages rendered on the server for optimal SEO and performance
-- **Authentication**: JWT-based authentication system with login/logout functionality
-- **Role-Based Authorization**: Different content for regular users and admins
-- **Protected API Routes**: Secured endpoints that require authentication
-- **Database Integration**: Optional connection to MongoDB, MySQL, or PostgreSQL
+This is a simple server-side rendering (SSR) example using Frontend Hamroun.
 
 ## Getting Started
 
@@ -22,42 +14,28 @@ This template demonstrates a comprehensive server-side rendering (SSR) applicati
    npm start
    ```
 
-3. Open your browser at `http://localhost:3000`
-
-## Authentication
-
-This template includes a mock authentication system with two users:
+3. Open your browser at http://localhost:3000
 
-- **Admin User**:
-  - Username: `admin`
-  - Password: `admin123`
-  - Roles: `['admin']`
+## How it Works
 
-- **Regular User**:
-  - Username: `user`
-  - Password: `user123`
-  - Roles: `['user']`
+This example demonstrates:
 
-In a production application, you would replace this with a real user database.
+- Server-side rendering of components
+- A simple API endpoint
+- Basic client-side interactivity after SSR
 
-## Available Routes
+The server renders the component on each request using `renderToString`, then sends the HTML to the client. A small script adds interactivity to the rendered HTML on the client side.
 
-- **/** - Home page with SSR
-- **/api/auth/login** (POST) - Login endpoint
-- **/api/protected** (GET) - Protected data (requires authentication)
-- **/api/admin** (GET) - Admin-only data (requires admin role)
+## Adding More Components
 
-## Environmental Variables
+To add more components, create them directly in the server.js file or in separate files and import them. Use the `createElement` function from 'frontend-hamroun/jsx-runtime' to create elements.
 
-- **PORT** - Server port (default: 3000)
-- **JWT_SECRET** - Secret key for JWT tokens (default: 'your-development-secret-key')
-- **DATABASE_URL** - Database connection string (if using database)
+## Advanced Usage
 
-## Further Development
+For more complex applications, you may want to:
 
-To extend this template:
+1. Add a build step with a bundler like Vite or Webpack
+2. Use a routing solution for more complex page structures
+3. Set up database connections and more robust API endpoints
 
-1. Add more pages in the renderToString function or by creating separate components
-2. Connect to a real database by uncommenting the database configuration
-3. Add more API routes with different authentication requirements
-4. Enhance the client-side JavaScript with more interactivity
+Check the Frontend Hamroun documentation for more examples and advanced usage patterns.