{"id":28933944,"url":"https://github.com/tencentedgeone/modern-website-template","last_synced_at":"2025-10-24T14:07:18.752Z","repository":{"id":297580363,"uuid":"997234471","full_name":"TencentEdgeOne/modern-website-template","owner":"TencentEdgeOne","description":"A modern website template built with Next.js and Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2025-06-06T07:28:28.000Z","size":128,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-06T08:29:00.852Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TencentEdgeOne.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-06T07:19:30.000Z","updated_at":"2025-06-06T07:28:31.000Z","dependencies_parsed_at":"2025-06-06T08:39:35.275Z","dependency_job_id":null,"html_url":"https://github.com/TencentEdgeOne/modern-website-template","commit_stats":null,"previous_names":["tencentedgeone/modern-website-template"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/TencentEdgeOne/modern-website-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentEdgeOne%2Fmodern-website-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentEdgeOne%2Fmodern-website-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentEdgeOne%2Fmodern-website-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentEdgeOne%2Fmodern-website-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TencentEdgeOne","download_url":"https://codeload.github.com/TencentEdgeOne/modern-website-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentEdgeOne%2Fmodern-website-template/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261343354,"owners_count":23144642,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-06-22T18:30:33.268Z","updated_at":"2025-10-24T14:07:18.747Z","avatar_url":"https://github.com/TencentEdgeOne.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Modern Website Template\n\nA modern website template built with Next.js and Tailwind CSS.\n\n## Technology Stack\n\n- **Frontend Framework**: Next.js\n- **Style Scheme**: Tailwind CSS\n- **UI Components**: shadcn/ui\n- **Type System**: TypeScript\n- **Code Standards**: ESLint + Prettier\n\n## Features\n\n- 📱 Responsive design, perfectly adapted to various devices\n- 🎨 Modern UI design, based on the shadcn/ui component library\n- ✨ Dynamic components (Client Components) and static rendering (Server Components) via Next.js App Router\n- 🔍 SEO friendly (using Next.js metadata API)\n- 💻 TypeScript support, providing complete type definitions\n\n## Page List\n\n- 🏠 Homepage (`/`)\n- 📄 About Us (`/about`)\n- 💼 Projects (`/projects`)\n- 🤝 Partners (`/partners`)\n- 📞 Contact Us (`/contact`)\n\n## Quick Start\n\n1.  **Clone the project**\n\n    ```bash\n    git clone YOUR_PROJECT_ADDRESS_HERE\n    cd YOUR_PROJECT_DIRECTORY\n    ```\n\n2.  **Install dependencies**\n\n    ```bash\n    npm install\n    ```\n\n3.  **Start the development server**\n\n    ```bash\n    npm run dev\n    ```\n\n4.  **Build the production version**\n\n    ```bash\n    npm run build\n    ```\n\n## Project Structure\n\n```\n├── app/             ## App Router pages and layouts\n│   ├── api/         ## API routes\n│   ├── [pages]/     ## Individual pages (e.g., about, projects)\n│   └── layout.tsx   ## Root layout\n├── components/      ## Reusable components\n│   ├── layout/      ## Layout specific components (Header, Footer)\n│   ├── projects/    ## Project related components (ProjectCard)\n│   ├── ui/          ## shadcn/ui components\n│   ├── scroll-button.tsx ## Scroll button component\n│   └── testimonial-slider.tsx ## Testimonial slider component\n├── lib/             ## Utility functions and data\n│   ├── data.ts      ## Data definitions (projects, partners, testimonials etc.)\n│   └── utils.ts     ## Utility functions (cn helper)\n├── public/          ## Static assets\n├── .eslintrc.js    ## ESLint configuration\n├── .prettierrc     ## Prettier configuration\n├── next.config.js  ## Next.js configuration\n├── package.json     ## Project dependencies and scripts\n├── tailwind.config.js ## Tailwind configuration\n└── tsconfig.json    ## TypeScript configuration\n```\n\n## Configuration File Explanation\n\nKey data and configurations are managed in:\n\n-   `lib/data.ts`: Contains data for projects, partners, and testimonials.\n-   `tailwind.config.js`: Customizes Tailwind CSS settings.\n-   `next.config.js`: Next.js specific configurations.\n\n## Development Guidelines\n\n### Component Development Standards\n\n1.  Develop components using TypeScript.\n2.  Use PascalCase for component naming.\n3.  Define and use appropriate Props types.\n4.  Follow the project's established style guidelines, prioritizing Tailwind CSS.\n5.  Clearly indicate Client Components with `\"use client\"`.\n\n### Style Development Standards\n\n1.  Primarily use Tailwind CSS utility classes.\n2.  Ensure responsiveness using Tailwind's breakpoints.\n3.  Maintain consistency in colors, spacing, and typography based on `tailwind.config.js`.\n\n### Page Development Standards\n\n1.  Utilize the root `app/layout.tsx` for consistent page structure.\n2.  Implement necessary SEO metadata using Next.js Metadata API.\n3.  Ensure responsive design and performance for all pages.\n\n## Deployment Instructions\n\nThis project uses Next.js App Router, supporting various rendering strategies. For static export:\n\n1.  Update `next.config.js` to enable static output if not already configured.\n2.  Build the project:\n    ```bash\n    npm run build\n    ```\n3.  Export the static site:\n    ```bash\n    npm run export # If export is configured in package.json scripts\n    ```\n    (Alternatively, the `build` command might directly output static files depending on next.config.js)\n4.  The generated static files are typically located in the `out` directory (or `.next/` depending on configuration).\n5.  Deploy the output directory to your static hosting service.\n\n## Contribution Guidelines\n\n1.  Fork the project.\n2.  Create a feature branch (`git checkout -b feature/your-feature-name`).\n3.  Commit your changes (`git commit -m 'feat: Add your feature'`).\n4.  Push to the branch (`git push origin feature/your-feature-name`).\n5.  Create a Pull Request.\n\n## License\n\n[MIT License](https://github.com/github/choosealicense.com/blob/gh-pages/_licenses/mit.txt)\n\n## Deploy\n[![Deploy with EdgeOne Pages](https://cdnstatic.tencentcs.com/edgeone/pages/deploy.svg)](https://edgeone.ai/pages/new?template=modern-website-template)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftencentedgeone%2Fmodern-website-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftencentedgeone%2Fmodern-website-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftencentedgeone%2Fmodern-website-template/lists"}