Astro-based version of the Thoughtful AI Tools Lab website.
/ # Project root
├── public/ # Static assets
├── src/
│ ├── components/
│ │ └── lab/ # Lab-specific components
│ ├── layouts/ # Layouts
│ └── pages/ # Pages
├── astro.config.mjs
├── package.json
└── tailwind.config.js
- Requires Node.js 18+ and npm.
- Install dependencies:
npm install - Start dev server:
npm run dev(default: http://localhost:4321) - Build for production:
npm run build(output indist/)
- Astro, React, TypeScript, Tailwind CSS
- Material Tailwind components
- Responsive layout
- SEO meta tags and semantic HTML
/(Home): Lab mission, call-to-action/about: Lab info, team, director/publications: Research publications/projects: Research projects
LabHeader: Navigation headerLabHero: Homepage heroLabFooter: Footer
- Publications data: in publications page
- Team photos:
/people/ - Publication assets:
/pubs/
- Base URL:
/ - Site URL:
https://thoughtful-ai.com - TypeScript: strict mode
Deploy to GitHub Pages or any static host. Output: dist/.