const build = async () => {
  const app = create('React')
  await app.deploy()
  return { ok: true }
}

@app.get('/build')
async def build(idea: str):
    data = await parse(idea)
    db.save(data)
    return deploy(data)

app.get('/', (req, res) => {
  res.json({ ok: true })
})
app.listen(3000, () =>
  ready('live'))

FROM node:20-alpine
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
CMD ["npm", "start"]

git checkout -b feat
git add -A
git commit -m
  "ship it 🚀"
git push -u origin feat

<section id="hero">
  <h1>Calvyn</h1>
  <a href="#work">
    View work
  </a>
</section>

.card {
  display: grid;
  gap: 24px;
  border-radius: 18px;
  transition: .3s ease;
}

type Dev = {
  name: string
  stack: string[]
  level: 'freelance'
  ship(): Promise<void>
}

export default async
function Page() {
  const data = await
    getProjects()
  return <Grid items={data} />
}

SELECT id, name
FROM users u
JOIN posts p
  ON p.user_id = u.id
WHERE u.active = true;

const [data, set] = useState([])
useEffect(() => {
  fetch('/api')
    .then(r => r.json())
    .then(set)
}, [])

<div class="
  flex gap-4 p-6
  rounded-2xl
  bg-zinc-900
  hover:scale-105">

gsap.to('.el', {
  y: 0,
  opacity: 1,
  ease: 'power4.out',
  stagger: 0.1
})

const scene = new THREE
  .Scene()
scene.add(mesh)
renderer.render(
  scene, camera)

const users = await
  prisma.user.findMany({
    where: { active: true },
    include: { posts: true }
  })