独立周刊2024/05/20

May 20, 2024

产品思路

Git Trending

CapRover

CapRover，它是一个用于部署和管理 Web 应用程序的开源、自我托管平台。它提供了一个简单、直观和自动化的方式，使您可以轻松部署和管理应用程序，而无需深入了解 DevOps 或容器化。

可以在vps上部署caprover，获得类似vercel的自动化构建体验。

Indie hacker

staarter-dev

简介：一个使用Next.js开发的模板，可以帮助开发者快速构建自己的SaaS项目。丰富的特性包括用户认证、订阅管理、国际化等。

开发者：start.dev

价格：$249

Tech Stack：

Turbo：大仓管理
Next.js
TailwindCss、Shadcn UI
tRPC：构建API的框架

Prisma
lucia：session管理
arctic：oauth认证支持
react-email: 基于react组件的邮件支持。

用法：参考doc

先在官网购买license后才会有访问仓库的权限
clone仓库，执行install，配置环境变量即可使用

其他特性

从文档看功能非常丰富，重点包括：
- web：nextjs前端，包括admin面板、用户认证、国际化集成灯能力
- API：集成trpc框架，脚手架快速生成trpc Producure函数。
- 用户授权及认证。支持添加oauth provider。
- 数据分析：支持Google Analytics、Umami、Vercel Analytics。
- 付费：集成了Stripe、Paddle、LemonSqueezy等多种支付渠道
- 邮件、S3存储等能力。
- 部署方式上支持Vercel和docker方式部署。
generator：各种脚手架，生成page、component、prodecure、provider、email template

目录结构清晰：使用turbo管理大仓
- apps/web: Contains the main website project built with Next.js.
- packages/api: Contains the API server built with tRPC.
- packages/auth: Contains the authentication logic and OAuth providers.
- packages/billing: Contains the payment provider integrations.
- packages/config: Contains the configuration files for the project.
- packages/db: Contains the Prisma database client and schema.
- 。。。。

heyform博客分享

听到了https://github.com/heyform/heyform 创始人的经验分享。记录了其独立产品过程中的一些感悟：

何时开始宣发？做了6个月后，主动砍掉了部分需求。先做宣发，产品尽快推广很重要。
推广渠道选择如何做
- 首先在producthunt上宣发，当天上榜后大约有一周的流量高峰，后续仅只有长尾。
- 后续引起了其他渠道：包括不限于raddit、v2ex、社交媒体、SEO。
- 复盘：没有做邮件营销，邮件营销的ROI通常很高。
- 经验：form-build已经很倦了，从特定垂类需求场景入手推广效果也还不错。
- 经验：
  - 后续遇到了一些瓶颈，增长不及预期，后劲不足。根本原因还是在于技术人员的心态看产品，不知道需要、如何营销。
  - 发帖避免硬广
后续开源的考量？
- 看到了其他产品，开源+building public之后大涨
- 原因分析：开放会增加影响力、更多推广渠道等。
- 开源需要关注的点：优化文档/规范建设、核心模块拆分（比如计费）、开源协议选了AGPL
价格策略：比用户自己部署的成本要便宜（self-hosting需要服务器、带宽、人力成本投入）。
内容营销的手段：发帖比较有煽动性（赚钱的产品开源了）。参考高赞的帖子（讲故事、选漂亮的图片/视频），不要硬广。
怎么选赛道：个人偏红海赛道，不需要验证产品思路。但重点要差异化。

新技能

接入Google Analytics：Next.js项目按照next官方文档的教程即可。代码很简单，主要是在GA上注册并申请 gaId

[typescript]

import { GoogleAnalytics } from '@next/third-parties/google'
 
export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en">
      <body>{children}</body>
      <GoogleAnalytics gaId="G-XYZ" />
    </html>
  )
}

SEO：发现通过Google跳转的链接是到了个人网址的主页，而不是博客的子页面。怀疑是某些meta字段不正确导致。尝试接入Google Search Console，看看SEO的结果是否能指出相关问题。已接入，等待结果中。
- 域名归属认证挺麻烦的，发现腾讯云的DNS pod没法按照google的要求配置，只要采用文件验证的方式。把html放到服务器上并配置nginx路径指向。
了解rocksdb，看了下其example代码。

See all posts