{"id":15013544,"url":"https://github.com/pdsuwwz/nextjs-nextra-starter","last_synced_at":"2026-03-01T15:04:44.383Z","repository":{"id":251348985,"uuid":"836652357","full_name":"pdsuwwz/nextjs-nextra-starter","owner":"pdsuwwz","description":"⚡️  一个 Next.js (v16) 快速启动模板, 集成 Tailwind CSS (v4) + React (v19) + Nextra (v4) + TypeScript + Shadcn UI + Radix UI + Aceternity UI + ESLint(v9) + Sass, 支持 Iconify 图标集, i18n 多语言国际化 - 响应式、暗黑模式落地页、适合开发个人博客 Blog Starter Template, 含示例代码, Deployed on Netlify and Vercel.","archived":false,"fork":false,"pushed_at":"2025-12-24T03:31:31.000Z","size":2268,"stargazers_count":266,"open_issues_count":0,"forks_count":48,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-12-25T16:55:48.487Z","etag":null,"topics":["aceternity","app-router","blog","i18n","iconify","mdx","multilingual","nextjs-starter","nextra","open-source","radix","react","responsive","shadcn","ssr","starter","tailwindcss","template","ui","vercel"],"latest_commit_sha":null,"homepage":"https://nextra.likemashang.com/zh","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pdsuwwz.png","metadata":{"files":{"readme":"README-en.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-08-01T09:24:25.000Z","updated_at":"2025-12-24T03:30:56.000Z","dependencies_parsed_at":"2025-01-17T09:29:24.059Z","dependency_job_id":"99a30da2-7c7b-46bf-bd21-162608d60b9c","html_url":"https://github.com/pdsuwwz/nextjs-nextra-starter","commit_stats":{"total_commits":37,"total_committers":1,"mean_commits":37.0,"dds":0.0,"last_synced_commit":"cc03666a0a1664e69ee3fd56818349d4c53a00b4"},"previous_names":["pdsuwwz/nextjs-nextra-starter"],"tags_count":31,"template":true,"template_full_name":null,"purl":"pkg:github/pdsuwwz/nextjs-nextra-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pdsuwwz%2Fnextjs-nextra-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pdsuwwz%2Fnextjs-nextra-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pdsuwwz%2Fnextjs-nextra-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pdsuwwz%2Fnextjs-nextra-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pdsuwwz","download_url":"https://codeload.github.com/pdsuwwz/nextjs-nextra-starter/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pdsuwwz%2Fnextjs-nextra-starter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29973221,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-01T14:44:57.896Z","status":"ssl_error","status_checked_at":"2026-03-01T14:43:27.662Z","response_time":124,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["aceternity","app-router","blog","i18n","iconify","mdx","multilingual","nextjs-starter","nextra","open-source","radix","react","responsive","shadcn","ssr","starter","tailwindcss","template","ui","vercel"],"created_at":"2024-09-24T19:44:25.082Z","updated_at":"2026-03-01T15:04:44.375Z","avatar_url":"https://github.com/pdsuwwz.png","language":"TypeScript","funding_links":[],"categories":["Boilerplates \u0026 Starters"],"sub_categories":[],"readme":"\u003cp style=\"text-align:center;\" align=\"center\"\u003e\u003ca href=\"https://github.com/pdsuwwz/nextjs-nextra-starter\"\u003e\u003cpicture align=\"center\"\u003e\n  \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://i.stardots.io/wisdom/1745917125609.png\"  width=\"100%\" align=\"center\" style=\"margin-bottom:20px;\"\u003e\n  \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://i.stardots.io/wisdom/1745917153483.png\" width=\"100%\" align=\"center\" style=\"margin-bottom:20px;\"\u003e\n  \u003cimg alt=\"color mode\" src=\"https://i.stardots.io/wisdom/1745917153483.png\" width=\"100%\" align=\"center\" style=\"margin-bottom:20px;\"\u003e\n\u003c/picture\u003e\u003c/a\u003e\u003cbr /\u003e\u003cbr /\u003e\u003c/p\u003e\n\n# Nextjs Nextra Starter\n\nEnglish | [中文](README.md)\n\n[![Deploy](https://img.shields.io/badge/passing-black?style=flat\u0026logo=Netlify\u0026label=Netlify\u0026color=3bb92c\u0026labelColor=black)](https://github.com/pdsuwwz/nextjs-nextra-starter/deployments)\n[![GitHub Workflow Status (branch)](https://img.shields.io/badge/passing-black?style=flat\u0026label=build\u0026color=3bb92c)](https://github.com/pdsuwwz/nextjs-nextra-starter/deployments/Production)\n[![thanks](https://badgen.net/badge/thanks/♥/pink)](https://github.com/pdsuwwz)\n[![License](https://img.shields.io/github/license/pdsuwwz/nextjs-nextra-starter?color=466fe8)](https://github.com/pdsuwwz/nextjs-nextra-starter/blob/main/LICENSE)\n\n⚡️ Fast Template Starter - React v19 + Next.js + Nextra (v4) + TypeScript + TailwindCSS (v4) + Shadcn UI\n\n- [🚀 Live Demo](https://nextjs-nextra.netlify.app/en)\n- [✨ Alternative address 1](https://nextjs-nextra-starter-green.vercel.app/en)\n- [✨ Alternative address 2](https://nextra.likemashang.com/en)\n\n## 🛠️ Maintenance Commitment\n\n\u003cdiv align=\"center\"\u003e\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cstrong\u003e🔄 Continuous update\u003c/strong\u003e\u003cbr/\u003eDependency and features are updated irregularly\u003c/td\u003e\n    \u003ctd\u003e\u003cstrong\u003e🐛 Fast Response\u003c/strong\u003e\u003cbr/\u003eReply within 2 hours on average Issue\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cstrong\u003e💎 Elaboration\u003c/strong\u003e\u003cbr/\u003eSpend 100+ hours to perfect template details\u003c/td\u003e\n    \u003ctd\u003e\u003cstrong\u003e🛡️ Stable and Reliable\u003c/strong\u003e\u003cbr/\u003eEnsure that each function is fully tested\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n\u003cimg src=\"https://media.giphy.com/media/a5viI92PAF89q/giphy.gif\" width=\"400\"/\u003e\n\n💝 **If you appreciate this effort, please show your support with a ⭐ Star.**\n\n\u003c/div\u003e\n\n## 🚀 What's New\n\n- **Tailwind CSS v4 Upgrade**: Fully upgraded to Tailwind CSS v4, optimizing performance and introducing new features.\n- **Nextra v4 Refactoring**: Upgraded to Nextra v4, enhancing document generation efficiency and development experience.\n\n👉 [Click to view detailed upgrade notes](https://nextjs-nextra.netlify.app/en/upgrade)\n\n## 🎉 Features\n\n- ⚡️ **Next.js + TypeScript**: Efficient React framework with type safety support\n- 🎨 **Tailwind CSS (v4)**: Atomic CSS for quickly building custom, responsive UI interfaces\n- 🧩 **Shadcn UI**: Highly customizable UI component collection with no additional dependencies\n- 📚 **Nextra v4**: Next.js-based static site generator optimized for documentation\n- 🛠️ **ESLint**: Unified coding style and best practices\n- ⛅ **Lightweight Design**: Streamlined project setup focused on content creation\n\n## Prerequisites\n\n- React 19.x\n- Node \u003e= 20.x\n- Pnpm 9.x\n- **VS Code plugin `dbaeumer.vscode-eslint` \u003e= v3.0.5 (pre-release)**\n\n## Preview\n\n![image](https://github.com/user-attachments/assets/f732afa6-5fce-4e4d-af1c-acadd1bf50e7)\n\n![image](https://github.com/user-attachments/assets/5cac69dc-601a-41db-a3aa-d75bad6fc4be)\n\n![image](https://github.com/user-attachments/assets/b655981c-7658-4bf4-a118-82cf96cb1d7a)\n\n![image](https://github.com/user-attachments/assets/b69a5f77-2a76-45b3-8468-11bf8fb1de89)\n\n![image](https://github.com/user-attachments/assets/a0a07f3f-a457-4521-a45f-4c0f970044f6)\n\n## Installation and Running\n\n- Install dependencies\n\n```bash\npnpm i\n```\n\n- Local development\n\n```bash\npnpm dev\n```\n\nThen open http://localhost:8000 in your browser to access the service\n\n🎉 **Successfully running?** If you like the clean setup of this template, don’t forget to show some support!\n\n[![Star this repo](https://img.shields.io/badge/⭐-Star%20this%20repo-yellow?style=flat\u0026logo=github)](https://github.com/pdsuwwz/nextjs-nextra-starter)\n\n## Using Shadcn UI Components\n\nThis project has integrated [Shadcn UI](https://ui.shadcn.com). Follow these steps to install/edit components and use them:\n\n### Shadcn Structure Initialization\n\nExecute `pnpm dlx shadcn@latest init` command to initialize the basic project structure for `Shadcn UI` (if not already initialized)\n\n💡 Note\n\n\u003e This initialization command is used to create the basic project structure for `Shadcn UI`\n\u003e\n\u003e **This project has already been initialized, so there's no need to run this command again**\n\n### Component Installation\n\n1. Use `Shadcn CLI` to add components:\n\n   ```bash\n   pnpm dlx shadcn@latest add \u003ccomponent-name\u003e\n   ```\n\n   For example, to add the `\u003cAlert /\u003e` component, execute the following command, [see documentation](https://ui.shadcn.com/docs/components/alert#installation)\n\n   ```bash\n   pnpm dlx shadcn@latest add alert\n   ```\n\n2. Using components\n\n```tsx\nimport { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'\n\nexport default function Home() {\n  return (\n    \u003cAlert\u003e\n      \u003cAlertTitle\u003eHeads up!\u003c/AlertTitle\u003e\n      \u003cAlertDescription\u003e\n        You can add components and dependencies to your app using the cli.\n      \u003c/AlertDescription\u003e\n    \u003c/Alert\u003e\n  )\n}\n```\n\n3. Customizing component styles (optional)\n\n`Shadcn UI` components typically provide popular default styles and functionality that meet most needs. If you truly need to customize, you can edit the respective component files, such as:\n\nOpen [`src/components/ui/alert.tsx`](src/components/ui/alert.tsx) to modify the styles of the `Alert` component\n\n\u003e Tips: In most cases, the default styles provided by `Shadcn UI` are sufficient to meet requirements without additional modifications\n\n## 🐱 A Word from the Heart\n\n\u003cdiv align=\"center\"\u003e\n\nIf you've made it this far and still haven't starred the repo, then all I can say is...\n\n\u003cimg src=\"https://media.giphy.com/media/l0HlKrB02QY0f1mbm/giphy.gif\" width=\"500\"/\u003e\n\n**Pretty please, drop a ⭐ Star!** 🥺👉👈\n\nRight now, my bug count is still higher than my star count 😭\n\n\u003ca href=\"https://github.com/pdsuwwz/nextjs-nextra-starter\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/Discovered%20with%20care-Drop%20a%20Star%20%E2%AD%90-orange?style=for-the-badge\u0026logo=github\u0026logoColor=white\" alt=\"Give a Star\"/\u003e\n\u003c/a\u003e\n\n\u003c/div\u003e\n\n## 🌟 Related Projects\n\nHere are some projects that developers and teams are using, referencing, or inspired by this project:\n\n| Project Name                                                           | Description                                                                                                                       |\n| ---------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |\n| [ClaudeCode101](https://www.claudecode101.com)                         | A Chinese tutorial site for Claude Code, featuring best practices and hands-on guides.                                            |\n| [EdgeOne Saas Starter](https://github.com/TencentEdgeOne/saas-starter) | [The fastest way to create and deploy your SaaS product with EdgeOne and Tencent Cloud](https://saas-starter-docs.edgeone.app/en) |\n| [Talking Web3](https://talkingweb3.io/en)                              | A Web3 project accelerator dedicated to creating outstanding Web3 projects.                                                       |\n| [CodeCrack](https://www.codecrack.cn/en)                               | A free and in-depth interview preparation website helping developers improve their technical skills and prepare for interviews.   |\n\n### 📢 Community Contributions\n\n💡 If your project is also using or referencing this project, we sincerely welcome you to:\n\n- Share your project link by submitting an [Issue](https://github.com/pdsuwwz/nextjs-nextra-starter/issues)\n- Submit a Pull Request (PR) to add your project to the list\n\n## 🚨 Disclaimer\n\nThis template is provided as a technical reference solution. Users must acknowledge the following risks and obligations:\n\n- **Technical Risks**:\n  Dependent frameworks (Next.js/Nextra/Tailwind CSS) carry version iteration risks. Third-party components (e.g. Shadcn UI) follow their original repositories' specifications. Environment configuration changes may cause unforeseen build exceptions\n\n- **Usage Restrictions**:\n  Prohibited for use in scenarios violating open-source licenses or applicable laws/regulations. Users must conduct independent code security audits and production environment validation\n\n- **Liability Exclusion**:\n  No guarantees are provided regarding:\n\n1. Business applicability of technical solutions\n2. Security assurance of dependencies\n3. Official customization support\n\nUsers assume full responsibility for any direct/indirect consequences arising from usage or modifications. Continued use constitutes acceptance of these terms\n\n## License\n\n[MIT](./LICENSE) License | Copyright © 2020-PRESENT [Wisdom](https://github.com/pdsuwwz)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpdsuwwz%2Fnextjs-nextra-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpdsuwwz%2Fnextjs-nextra-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpdsuwwz%2Fnextjs-nextra-starter/lists"}