@potato4d/dodai
Advanced tools
Static Site Generator
$ npm i -S @potato4d/dodai
$ dodai init
$ dodai init
import * as React from 'react';
type LayoutProps = { head: JSX.Element | null; children?: React.ReactNode };
export const Layout: React.FC<LayoutProps> = ({ head, children }) => {
return (
<html lang="ja">
<head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
{head}
</head>
<body>
{children}
</body>
</html>
)
}
import React from 'react'
export const Head: React.FC = () => {
return (
<>
<title>static route page</title>
</>
)
}
export const Page: React.FC = () => {
return (
<div>
static route page
</div>
)
}
// src/pages/entry/[single].tsx
import React from 'react'
type EntryProps = {
url: string;
data: {
title: string;
date: string;
body: string;
}
}
export const Head: React.FC<EntryProps> = ({ url, data }) => {
return (
<>
<title>{data.title}</title>
</>
)
}
export const Page: React.FC<EntryProps> = ({ url, data }) => {
return (
<div>
<h2>{data.title}</h2>
<time>{data.date}</time>
<div dangerouslySetInnerHTML={{ __html: data.body }} />
</div>
)
}
// src/data/entry/[single].tsx
type Entry = {
url: string;
data: {
title: string;
date: string;
body: string;
}
}
export const data: Entry[] = [
{
url: '/entry/1',
data: {
title: 'first entry',
date: new Date(),
body: '<p>hello</p>'
}
}
]
$ env NODE_ENV='production' dodai build
$ dodai dev
{ dev?: boolean }
process.env.NODE_ENV !== 'production'import * as React from 'react';
import { HotReload } from '@potato4d/dodai/dist/hotreload';
type LayoutProps = { head: JSX.Element | null; children?: React.ReactNode };
export const Layout: React.FC<LayoutProps> = ({ head, children }) => {
return (
<html lang="ja">
<head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
{head}
<HotReload />
</head>
<body>
{children}
</body>
</html>
)
}
MIT
FAQs
static website generator
We found that @potato4d/dodai demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Company News
/Security News
Socket is an initial recipient of OpenAI's Cybersecurity Grant Program, which commits $10M in API credits to defenders securing open source software.
Security News
Socket CEO Feross Aboukhadijeh joins 10 Minutes or Less, a podcast by Ali Rohde, to discuss the recent surge in open source supply chain attacks.
Research
/Security News
Campaign of 108 extensions harvests identities, steals sessions, and adds backdoors to browsers, all tied to the same C2 infrastructure.