{"id":29536796,"url":"https://github.com/tencentedgeone/saas-starter","last_synced_at":"2025-07-17T03:09:37.398Z","repository":{"id":302194331,"uuid":"1011576145","full_name":"TencentEdgeOne/saas-starter","owner":"TencentEdgeOne","description":"A Saas Website Starter built with Next.js, Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2025-07-01T04:13:43.000Z","size":10898,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-01T04:28:25.888Z","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":"mit","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":"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}},"created_at":"2025-07-01T03:21:13.000Z","updated_at":"2025-07-01T04:13:47.000Z","dependencies_parsed_at":"2025-07-01T04:38:52.607Z","dependency_job_id":null,"html_url":"https://github.com/TencentEdgeOne/saas-starter","commit_stats":null,"previous_names":["tencentedgeone/saas-starter"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/TencentEdgeOne/saas-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentEdgeOne%2Fsaas-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentEdgeOne%2Fsaas-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentEdgeOne%2Fsaas-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentEdgeOne%2Fsaas-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TencentEdgeOne","download_url":"https://codeload.github.com/TencentEdgeOne/saas-starter/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentEdgeOne%2Fsaas-starter/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265562382,"owners_count":23788519,"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-07-17T03:09:36.819Z","updated_at":"2025-07-17T03:09:37.389Z","avatar_url":"https://github.com/TencentEdgeOne.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SaaS Starter Template\n\nA modern, production-ready SaaS starter template built with Next.js 14, TypeScript, and Tailwind CSS. \n\n![SaaS Starter](https://img.shields.io/badge/Next.js-14-black)\n![TypeScript](https://img.shields.io/badge/TypeScript-5.0-blue)\n![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-3.3-38B2AC)\n\n## ✨ Features\n\n### 🎨 **Beautiful Design System**\n- Clean, modern UI\n- Fully responsive design\n- Dark/Light mode support\n- Customizable color schemes\n- Beautiful animations and transitions\n\n### 🔧 **Essential SaaS Components**\n- **Authentication**: Login, register, password reset\n- **Landing Pages**: Hero, features, pricing, testimonials, FAQ\n- **Blog System**: Markdown-based blog with frontmatter\n- **Case Studies**: Showcase your success stories\n- **Dashboard**: User dashboard and analytics\n- **Payment Integration**: Stripe-ready payment system\n\n### 🛠 **Developer Experience**\n- **TypeScript**: Full type safety\n- **Next.js 14**: Latest App Router with SSG support\n- **Tailwind CSS**: Utility-first CSS framework\n- **Component Library**: Reusable UI components\n- **ESLint \u0026 Prettier**: Code formatting and linting\n- **Responsive Design**: Mobile-first approach\n\n### 📊 **Content Management**\n- **Markdown Blog**: Easy content creation with frontmatter\n- **Case Studies**: Showcase client work and results\n- **SEO Optimized**: Meta tags, structured data\n- **Fast Performance**: Optimized for speed and SEO\n\n## 🚀 Quick Start\n\n### Prerequisites\n- Node.js 18+ \n- npm or yarn\n\n### Installation\n\n1. **Clone the repository**\n```bash\ngit clone https://github.com/your-username/saas-starter-template.git\ncd saas-starter-template\n```\n\n2. **Install dependencies**\n```bash\nnpm install\n# or\nyarn install\n```\n\n3. **Start development server**\n```bash\nnpm run dev\n# or\nyarn dev\n```\n\n4. **Open your browser**\nVisit [http://localhost:3000](http://localhost:3000) to see your app.\n\n## 📁 Project Structure\n\n```\nsaas-starter-template/\n├── src/\n│   ├── app/                 # Next.js App Router\n│   │   ├── about/          # About page\n│   │   ├── blog/           # Blog pages\n│   │   ├── cases/          # Case studies\n│   │   ├── globals.css     # Global styles\n│   │   ├── layout.tsx      # Root layout\n│   │   └── page.tsx        # Homepage\n│   ├── components/         # React components\n│   │   ├── ui/            # Basic UI components\n│   │   ├── layout/        # Layout components\n│   │   └── sections/      # Page sections\n│   └── lib/               # Utility functions\n├── content/               # Markdown content\n│   ├── blog/             # Blog posts\n│   └── cases/            # Case studies\n├── public/               # Static assets\n├── package.json\n├── tailwind.config.js\n├── tsconfig.json\n└── next.config.js\n```\n\n## 🎨 Customization\n\n### Colors and Theming\n\nThe template uses CSS custom properties for theming. You can customize colors in `src/app/globals.css`:\n\n```css\n:root {\n  --primary: 142 76% 36%;        /* Green primary color */\n  --primary-foreground: 355 7% 97%;\n  --secondary: 240 4.8% 95.9%;\n  /* ... more variables */\n}\n```\n\n### Components\n\nAll components are built with TypeScript and Tailwind CSS. They're located in `src/components/`:\n\n- `ui/` - Basic UI components (Button, Card, Badge, etc.)\n- `layout/` - Layout components (Header, Footer)\n- `sections/` - Page sections (Hero, Features, Pricing, etc.)\n\n### AI Assistance\nYou can modify the code through dialogue in Cursor.\n\nHere are some example Prompts:\n- Change the theme color: Change the project's primary color to pink\n- Add language support: Add French support to the project\n- Modify the page: Modify the homepage, removing the xx module\n\n### Local Content Management\n\n#### Blog Posts\nCreate new blog posts in `content/blog/` with frontmatter:\n\n```markdown\n---\ntitle: \"Your Blog Post Title\"\ndate: \"2024-01-15\"\nexcerpt: \"A brief description of your post\"\nauthor: \"Your Name\"\ntags: [\"SaaS\", \"Next.js\", \"Tutorial\"]\nreadTime: \"5 min read\"\n---\n\n# Your Blog Post Content\n\nWrite your content here in Markdown...\n```\n\n#### Case Studies\nCreate new case studies in `content/cases/`\n\n\n### Contentful Integration\n\n#### Quick Setup\n1. **Import data structure to your Contentful space**:\n   ```bash\n   # Install Contentful CLI\n   npm install -g contentful-cli\n   \n   # Login to Contentful\n   contentful login\n   \n   # Import provided data models\n   contentful space import --config cms/contentful/contentful-models-config.json\n   ```\n\n2. **Configure environment variables**:\n   ```bash\n   # In your .env file\n   CONTENTFUL_SPACE_ID=your_space_id\n   CONTENTFUL_ACCESS_TOKEN=your_access_token\n   CONTENTFUL_ENVIRONMENT=master\n   ```\n\n3. **Export content to local markdown**:\n   ```bash\n   npm run contentful:export\n   ```\n\n**What's included**:\n- **Data Models**: Pre-configured Blog and Case content types\n- **Multi-language**: Support for English (`en-US`) and Chinese (`zh-CN`)\n- **Rich Content**: RichText conversion to Markdown\n- **Asset Management**: Automatic image download and localization\n- **Language Mapping**: `en` → `en-US`, `zh` → `zh-CN`\n\n**Output structure**:\n```\ncontent/\n├── en/blog/*.md        # English blog posts\n└── zh/blog/*.md        # Chinese blog posts\npublic/images/contentful/  # Downloaded images\n```\n\nFor detailed setup and configuration, see `cms/contentful/README.md`. \n\n\n### Internationalization\nOur project supports multiple languages, you can find all the translation files in the `dictionaries/` directory. For detailed internationalization setup and configuration, please see `dictionaries/README.md`.\n\n### Data Analytics\nThe project has built-in support for Google Analytics data analytics.\n\n1. Sign up for [Google Analytics](https://developers.google.com/analytics?hl=en-US) to get the tracking code\n2. Set the tracking code in the environment variables\n```\nNEXT_PUBLIC_GA_ID=G-xxxxx\n```\n\n## 📱 Pages Included\n\n- **Homepage** (`/`) - Complete landing page with all sections\n- **About** (`/about`) - About page with team and company info\n- **Blog** (`/blog`) - Blog listing and individual post pages\n- **Cases** (`/cases`) - Case studies and success stories\n- **Pricing** - Included in homepage with anchor links\n\n## 🎯 SEO Features\n\n- Meta tags optimization\n- OpenGraph and Twitter Card support\n- Structured data for better search results\n- Sitemap generation ready\n- Fast loading times\n- Mobile-first responsive design\n\n### robot.txt and sitemap.xml\nThe project provides scripts to automatically generate robot.txt and sitemap.xml.\nYou only need to modify the SITE_URL in the gen:seo command in package.json to your own site address, then run:\n`npm run gen:seo` to generate them.\n\n## 🚀 Deploy\n[![Deploy with EdgeOne Pages](https://cdnstatic.tencentcs.com/edgeone/pages/deploy.svg)](https://edgeone.ai/pages/new?template=saas-starter)\n\n## 🤝 Contributing\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add some amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## 🙏 Acknowledgments\n\n- Built with [Next.js](https://nextjs.org/)\n- Styled with [Tailwind CSS](https://tailwindcss.com/)\n- Icons from [Lucide React](https://lucide.dev/)\n\n## 📞 Support\n\nIf you have any questions or need help with the template:\n\n- Create an issue on GitHub\n- Email us at support@saas-starter.com\n- Join our Discord community\n\n---\n\n**Happy building! 🚀** \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftencentedgeone%2Fsaas-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftencentedgeone%2Fsaas-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftencentedgeone%2Fsaas-starter/lists"}