此仓库提供了一个即用模板,用于创建和发布个人发展计划(PDI)的现代网页,包含管理面板、通过Cloudflare D1的本地及生产数据库以及部署指南。

Stars

14

7 天增长

暂无数据

Fork 数

2

开放 Issue

0

开源协议

暂无数据

最近更新

2026-07-28

AI 仓库情报摘要
FR-AI / ANALYSIS

为什么值得关注

它提供了一个完整的独立解决方案,用于管理PDI或数字作品集,内置管理员认证、数据库迁移和Cloudflare部署,全部集成在一个模板中。

适合谁使用

  • 构建个人PDI或数字简历的开发者
  • 实施员工发展计划的人力资源专业人士或经理
  • 寻求结构化、基于网络的职业规划的个人

典型使用场景

  • 创建包含目标、贡献和路线图的个人发展计划
  • 在线展示专业档案和技术能力
  • 通过管理界面管理团队或员工的成长计划

项目优势

  • 全面的模板,涵盖档案、目标、路线图、软技能和管理面板
  • 使用Cloudflare D1集成本地和生产数据库,并提供迁移脚本
  • 逐步设置和部署指南,包括自动设置脚本

使用前须知

  • 需要Cloudflare账户和D1数据库才能用于生产环境
  • 需要手动定制内容和布局;无内置多语言支持
  • 管理面板受密码保护,但安全性依赖于正确的密钥管理

README 快速开始

Template de PDI para GitHub

Este repositório foi preparado como um template para você criar seu próprio Plano de Desenvolvimento Individual (PDI) e publicar em uma página web moderna.

Ele já vem com:

  • interface pronta para exibir perfil, metas, contribuições, roadmap e soft skills;
  • área administrativa protegida por senha;
  • banco local e produção com Cloudflare D1;
  • estrutura preparada para deploy no Cloudflare.

O que você precisa para usar este template

Antes de começar, tenha instalado:

  • Node.js 20+
  • npm
  • uma conta no Cloudflare
  • opcionalmente: Wrangler CLI

1. Faça o fork ou clone do repositório

  1. Clique em "Use this template" no GitHub.
  2. Crie um novo repositório com o nome que quiser.
  3. Clone o repositório na sua máquina.
git clone 
cd 

2. Instale as dependências

Você pode usar o script de setup automático:

chmod +x scripts/setup-template.sh
./scripts/setup-template.sh

Ou instalar manualmente:

npm install
cp .env.example .env

Se quiser usar outro gerenciador, o projeto também suporta o fluxo padrão do Node.js com npm.


3. Personalize o conteúdo do template

Os principais arquivos a editar são:

Atualize seu perfil

No arquivo src/data/profile.ts, troque:

  • name
  • title
  • subtitle
  • company
  • area
  • github
  • linkedin
  • bio
  • lastUpdate

Exemplo:

export const profile = {
  name: "Seu Nome",
  title: "Desenvolvedor Backend",
  subtitle: "Java | Spring Boot | AWS",
  company: "Sua empresa",
  area: "Backend / Cloud",
  github: "https://github.com/seu-usuario",
  linkedin: "https://linkedin.com/in/seu-perfil",
  bio: "Escreva uma descrição curta sobre você.",
};

Atualize o conteúdo do PDI

Você pode editar os dados de:

  • metas
  • contribuições
  • roadmap técnico
  • soft skills
  • eventos
  • objetivo de carreira

Esses dados estão vinculados ao banco de dados, então a forma mais simples é alterar os seeds ou criar novos registros pelo admin.


4. Configure as variáveis de ambiente

Crie um arquivo .env ou .dev.vars com as variáveis abaixo:

项目描述

Um template de PDI moderno, construído com React, TypeScript, TanStack Router/Start, Tailwind-like UI, shadcn/ui e Cloudflare D1 para persistência. Ele inclui autenticação administrativa, páginas de perfil, metas, roadmap, contribuições e soft skills, pronto para personalização e deploy na nuvem.

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

react
精选
react GitHub avatar

react

React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.

Web 开发前端框架
246,741
TanStack
精选
TanStack GitHub avatar

router

TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.

Web 开发前端框架
14,861
yetone
精选
yetone GitHub avatar

kill-ai-slop

Kill AI Slop is a multilingual field guide and agent skill that catalogues 33 common AI-generated design tells with interactive before-after demos, and provides a tool to scan and fix web projects.

AI 与机器学习AI 智能体
805