a bd.me

Meu site pessoal

Meu site de portfólio pessoal foi projetado para ser simplista e limpo, ao mesmo tempo que inclui recursos como postagens de blog MDX com contagens de visualizações, alternância de modo escuro, lista de engrenagens, página sobre e muito mais.

Pilha de tecnologia

back-end:

• Next.js/TypeScript
• MDX / Contentlayer (postagens de blog)
• PlanetScale (banco de dados)
• Prisma (ORM)

front-end:

• Tailwind CSS (estilo)
• Radix Primitives (componentes de UI sem cabeça)
• Cores da UI Radix (sistema de cores)
• Movimento Framer (animações)

Começando

Certifique-se de ter o Node.js v18.17.0+ instalado em sua máquina.

1. Instalar dependências : npm install
2. Variáveis ​​de ambiente : Copie .env.example para um novo .env.local
3. Configuração do banco de dados : consulte Configuração do banco de dados
4. Configuração do Prisma : npm install @prisma/client (se ainda não o fez) e execute npx prisma generate .
5. Comece a desenvolver : npm run dev , isso criará automaticamente os arquivos .contentlayer e iniciará o servidor de desenvolvimento Next.js.

Configuração do banco de dados

• Cadastre-se para uma conta PlanetScale
• Crie um novo banco de dados no PlanetScale
• Atualize a variável de ambiente DATABASE_URL no arquivo .env.local do seu projeto com a string de conexão fornecida pelo PlanetScale

Implantação

Este projeto pode ser rapidamente implantado no Vercel. Basta conectar sua conta Vercel ao repositório GitHub e o Vercel construirá e implantará automaticamente seu aplicativo a cada novo push para o branch principal.

Adicione as variáveis ​​.env do projeto às configurações do projeto Vercel.