https://github.com/gotpop/deno-web-components
# Deno Component Server 🦕 🧩 Modern server-side components with Deno 2.2 🔮 Experimental web platform features 🚫 No React/frameworks - pure vanilla JS 🌐 Nunjucks templates for server rendering
https://github.com/gotpop/deno-web-components
css deno html javascript nobuild nunjucks nunjucks-templates webcomponents
Last synced: 2 months ago
JSON representation
# Deno Component Server 🦕 🧩 Modern server-side components with Deno 2.2 🔮 Experimental web platform features 🚫 No React/frameworks - pure vanilla JS 🌐 Nunjucks templates for server rendering
- Host: GitHub
- URL: https://github.com/gotpop/deno-web-components
- Owner: gotpop
- Created: 2025-02-27T17:28:43.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-03-02T15:25:11.000Z (2 months ago)
- Last Synced: 2025-03-02T16:29:07.724Z (2 months ago)
- Topics: css, deno, html, javascript, nobuild, nunjucks, nunjucks-templates, webcomponents
- Language: HTML
- Homepage: https://gotpop-deno-server-22.deno.dev
- Size: 54.7 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Deno Baseline Server
A modern Deno server implementation with hot reloading capabilities and strict
TypeScript configuration.
## Architecture
```mermaid
graph TD
A[Browser] -->|HTTP Request| B[Deno Server]
B -->|Static Files| C[Public Directory]
B -->|Hot Reload| A
C -->|main.js| D[JavaScript]
C -->|main.css| E[Styles]
```
## Project Structure
```mermaid
graph TD
A[deno-server] -->|Contains| B[src]
A -->|Config| C[deno.json]
B -->|Entry| D[server.ts]
B -->|Static| E[public]
E -->|Scripts| F[main.js]
E -->|Styles| G[main.css]
```
## Features
- Hot module reloading
- Static file serving
- TypeScript support
- Strict type checking
- Development mode with watch
- Formatting and linting built-in
## Configuration
The project uses `deno.json` for configuration with the following features:
```json
{
"compilerOptions": {
"lib": ["deno.window"],
"strict": true
}
}
```
## Available Scripts
- `deno task dev` - Run in development mode with hot reloading
- `deno task start` - Run in production mode
- `deno task test` - Run tests
- `deno task lint` - Lint code
- `deno task fmt` - Format code
## Getting Started
1. Install Deno:
```bash
curl -fsSL https://deno.land/x/install/install.sh | sh
```
2. Run the development server:
```bash
deno task dev
```
3. Access the server at `http://localhost:8000`
## Development Flow
```mermaid
sequenceDiagram
participant Browser
participant Server
participant FileSystem
Browser->>Server: Request page
Server->>FileSystem: Read static files
FileSystem->>Server: Return file contents
Server->>Browser: Serve HTML/JS/CSS
loop Hot Reload
FileSystem->>Server: File change detected
Server->>Browser: Push update
Browser->>Browser: Update content
end
```
## Requirements
- Deno 2.2 or higher
- Modern browser (for development)
## License
MIT