https://github.com/ladykerr/devflow-landing
a developer landing page built with GitHub Copilot Agent
https://github.com/ladykerr/devflow-landing
astro githubcopilot
Last synced: 6 months ago
JSON representation
a developer landing page built with GitHub Copilot Agent
- Host: GitHub
- URL: https://github.com/ladykerr/devflow-landing
- Owner: LadyKerr
- License: mit
- Created: 2025-04-03T18:57:22.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-05-18T12:53:40.000Z (7 months ago)
- Last Synced: 2025-06-17T04:42:25.052Z (6 months ago)
- Topics: astro, githubcopilot
- Language: Astro
- Homepage: http://ladykerr.github.io/devflow-landing/
- Size: 2.05 MB
- Stars: 4
- Watchers: 1
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# DevFlow Landing Page
DevFlow's landing page is built with modern web technologies to showcase our platform's features and capabilities. The site is built with Astro and uses React components with TailwindCSS for styling.
# Built with Copilot Agent Mode 🚀
This project was built with the help of GitHub Copilot Agent Mode, a pair programming tool that provides real-time code suggestions and completions. Learn more about [Copilot Agent Mode](https://gh.io/agent-mode) and how you can use it to build your next project.
It was built based on this design that was generated by Claude AI: [Claude Landing Page](https://gh.io/claude-devflow-landing)! ✨
- See the [video of the full build](https://www.youtube.com/watch?v=lTw37SL_vEU).
- Read the [blog post about how we built it](https://github.blog/ai-and-ml/github-copilot/from-prompt-to-production-building-a-landing-page-with-copilot-agent-mode/).
## 🚀 Quick Start
1. Clone the repository:
```bash
git clone https://github.com/ladykerr/devflow-landing.git
```
2. Install dependencies:
```bash
cd devflow-landing
npm install
```
3. Start the development server:
```bash
npm run dev
```
4. Open your browser and visit `http://localhost:4321`
## 💻 Development
The project follows a component-based architecture using Astro components. Key sections of the landing page include:
- Hero section with interactive code preview
- Features showcase
- API development examples
- Dashboard preview
- Testimonials
- Interactive demo section
- Call-to-action sections
- Footer with documentation and community links
## 🛠️ Tech Stack
- [Astro](https://astro.build) v5.x - Static site generator
- [React](https://reactjs.org) - UI components
- [TailwindCSS](https://tailwindcss.com) v4.x - Styling
- TypeScript - Type safety
## 📋 Features
- Modern, responsive design
- Server-side rendered pages for optimal performance
- Interactive code examples
- Mobile-first approach
- TypeScript support
- TailwindCSS for styling
## 🧞 Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
| :------------------------ | :----------------------------------------------- |
| `npm install` | Installs dependencies |
| `npm run dev` | Starts local dev server at `localhost:4321` |
| `npm run build` | Build your production site to `./dist/` |
| `npm run preview` | Preview your build locally, before deploying |
| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` |
## 📝 License
MIT License - see the [LICENSE](LICENSE) file for details