「面白い」を
実現させる。

import { createApp } from 'vue'
const response = await fetch('/api/recruit')
const data = await response.json()

export default function RecruitPage() {
  const [jobs, setJobs] = useState([])
  useEffect(() => {
    fetchJobs().then(setJobs)
  }, [])
  return (
    <main className="container mx-auto">
      <Hero title="Join Our Team" />
      <JobList items={jobs} />
    </main>
  )
}

async function deploy(config) {
  const build = await exec('npm run build')
  await uploadToServer(build.output, {
    host: config.server,
    path: '/var/www/recruit',
  })
  console.log('Deployed successfully!')
}

const theme = {
  colors: { primary: '#0D0084', accent: '#00C9A7' },
  fonts: { heading: 'Inter', body: 'Noto Sans JP' },
}

router.get('/api/positions', async (req, res) => {
  const positions = await db.query('SELECT * FROM positions WHERE active = true')
  res.json({ data: positions })
})

import { createApp } from 'vue'
const response = await fetch('/api/recruit')
const data = await response.json()

export default function RecruitPage() {
  const [jobs, setJobs] = useState([])
  useEffect(() => {
    fetchJobs().then(setJobs)
  }, [])
  return (
    <main className="container mx-auto">
      <Hero title="Join Our Team" />
      <JobList items={jobs} />
    </main>
  )
}