a bd.me

Mi sitio web personal

El sitio web de mi portafolio personal está diseñado para ser simplista y limpio e incluye funciones como publicaciones de blog MDX con recuentos de vistas, alternancia de modo oscuro, lista de equipos, una página acerca de y más.

Pila de tecnología

back-end:

• Siguiente.js/TypeScript
• MDX / Contentlayer (publicaciones de blog)
• PlanetScale (base de datos)
• Prisma (ORM)

Interfaz:

• CSS de viento de cola (estilo)
• Radix Primitives (componentes de interfaz de usuario sin cabeza)
• Colores Radix UI (sistema de color)
• Movimiento del encuadre (animaciones)

Empezando

Asegúrese de tener Node.js v18.17.0+ instalado en su máquina.

1. Instalar dependencias : npm install
2. Variables de entorno : copie .env.example a un nuevo .env.local
3. Configuración de la base de datos : consulte Configuración de la base de datos
4. Configuración de Prisma : npm install @prisma/client (si aún no lo ha hecho), luego ejecute npx prisma generate .
5. Comience a desarrollar : npm run dev , esto creará automáticamente los archivos .contentlayer e iniciará el servidor de desarrollo Next.js.

Configuración de la base de datos

• Regístrese para obtener una cuenta PlanetScale
• Crear una nueva base de datos en PlanetScale
• Actualice la variable de entorno DATABASE_URL en el archivo .env.local de su proyecto con la cadena de conexión proporcionada por PlanetScale

Despliegue

Este proyecto se puede implementar rápidamente en Vercel. Simplemente conecte su cuenta de Vercel a su repositorio de GitHub y Vercel creará e implementará automáticamente su aplicación con cada nuevo envío a la rama principal.

Agregue las variables .env del proyecto a la configuración de su proyecto Vercel.