Gathering detailed insights and metrics for femtosite
Gathering detailed insights and metrics for femtosite
Installations
npm install femtositeDeveloper Guide
BETA
Typescript
No
Module System
ESM
Min. Node Version
>=18
Node Version
24.2.0
NPM Version
11.3.0
Releases
Unable to fetch releases
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
Maintainers
1
Package Meta Information
Latest Version
0.0.35
Package Id
femtosite@0.0.35
Unpacked Size
2.62 MB
Size
2.45 MB
File Count
220
NPM Version
11.3.0
Node Version
24.2.0
Published on
Jun 11, 2025
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
19
Dev Dependencies
24
@eslint/eslintrc@eslint/js@types/cli-progress@types/csso@types/figlet@types/fs-extra@types/lodash@types/node@types/serve-handler@types/ws@typescript-eslint/eslint-plugin@typescript-eslint/parserconcurrentlyeslinteslint-config-prettiereslint-plugin-importeslint-plugin-jsdoceslint-plugin-simple-import-sorthuskyjson-sort-clilint-stagednpm-check-updatesprettierrimraf
Femtosite
Extremely tiny static site generator based on TSX templates.
Getting started
We've created an easy interactive init process, start by calling the command in your favourite terminal:
1npx femtosite init
The guide will now help setup the femtosite.json config file and make sure you hit the ground running.
Once you're ready to build your static site run:
1npx femtosite build 2# OR 3npm run build
Femtosite will now transpile your TSX pages and render them afterwards, while taking care of any assets referenced with either the <StyleAsset /> or <ScriptAsset /> built in components.
Example page
index.component.tsx
1import { createPage } from 'femtosite'; 2 3import { HelloWorld } from '../components/hello-world.component.js'; 4import { Shell } from '../components/shell.component.js'; 5 6export default createPage(async page => ( 7 <Shell page={page}> 8 <HelloWorld /> 9 </Shell> 10));
shell.component.tsx
1import { FemtositePageProps, Html, ScriptAsset, StyleAsset } from 'femtosite'; 2 3export const Shell = async ( 4 { page }: { page: FemtositePageProps }, 5 ...children 6) => ( 7 <Html lang="en"> 8 <head> 9 <StyleAsset src="./assets/style.css" inline={true} /> 10 <StyleAsset src="./scss/main.scss" /> 11 <ScriptAsset src="./assets/app.js" inline={true} /> 12 <ScriptAsset src="./assets/app.js" async={true} /> 13 </head> 14 <body>{...children}</body> 15 </Html> 16);
hello-world.component.tsx
1export const HelloWorld = () => ( 2 <div> 3 <h1>Hello World</h1> 4 <p>Welcome to your new Femtosite!</p> 5 </div> 6);
No vulnerabilities found.
No security vulnerabilities found.