const learn = () => {
return <Bridge />;
};
npm run dev
git init
const api = fetch(
'/api/code'
);
if (!code) return;
export default App;
<div className=
"terminal">
</div>
git commit -m
"init: setup"
import React from
'react';
const [state, set]
= useState(null);
git push origin main
function bridge() {
console.log(
'learning...'
);
}
npm install
pnpm build
return response.json();
type Props = {
stage: number;
done: boolean;
};
git checkout -b
feature/lab
async function run() {
await init();
}
export { OmniDev };
.terminal {
color: #00ff88;
font-size: 0.85rem;
}
$ curl localhost:3000
const router =
useRouter();
router.push('/lab/1');
// stage complete
interface Stage {
id: number;
title: string;
}
pnpm dlx shadcn add
git log --oneline
fetch('/api/bridge')
.then(res =>
res.json()
);
$ npm run build
> compiled ✓
const url = new URL(
'/roadmap',
origin
);
export const meta = {
title: 'OmniDev'
};
git status
useEffect(() => {
init();
return cleanup;
}, []);
$ pnpm dev
ready on :3000
const stage = params
.stage as string;
// bridge the gap
learn();
omnidev — tools — 120x40
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24