Gathering detailed insights and metrics for femtosite
Installations
npm install femtositeDeveloper Guide
BETA
Typescript
No
Module System
ESM
Min. Node Version
>=18
Node Version
20.10.0
NPM Version
10.2.4
Score
58.3
Supply Chain
81.4
Quality
78.2
Maintenance
100
Vulnerability
97
License
Releases
Unable to fetch releases
Contributors
1
Download Statistics
Total Downloads
2,386
Last Day
6
Last Week
7
Last Month
26
Last Year
871
Maintainers
1
Package Meta Information
Latest Version
0.0.32
Package Id
femtosite@0.0.32
Unpacked Size
2.62 MB
Size
2.45 MB
File Count
220
NPM Version
10.2.4
Node Version
20.10.0
Publised On
06 Feb 2024
Total Downloads
Cumulative downloads
Total Downloads
2,386
Last day
500%
6
Compared to previous day
Last week
0%
7
Compared to previous week
Last month
333.3%
26
Compared to previous month
Last year
-42.5%
871
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
18
Dev Dependencies
21
@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-stagedprettierrimraf
Versions
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.