Back to projects
Socialty Media - Agencia de Publicidad Digital

Socialty Media - Agencia de Publicidad Digital

Benjamin Amador / 25 de septiembre de 2024

Socialty Media es la página web de una agencia de publicidad digital en Estados Unidos, desarrollada íntegramente con Next.js tanto para el frontend como para el backend. La web está diseñada con un enfoque moderno y profesional, permitiendo a los usuarios conocer la empresa y sus servicios, y cuenta con un formulario de contacto para que los usuarios puedan comunicarse con la agencia.

Funcionalidades

  • Información sobre la Empresa: La página proporciona detalles sobre la agencia, sus valores y su enfoque hacia la publicidad digital.
  • Servicios Ofrecidos: Se destacan los diferentes servicios que la agencia ofrece, como gestión de redes sociales, marketing digital y creación de contenido.
  • Diseño Moderno: La página está diseñada con una estética contemporánea que refleja la creatividad e innovación de la agencia.
  • Formulario de Contacto: Incluye un formulario donde los usuarios pueden enviar mensajes para ponerse en contacto con la empresa de manera rápida y eficiente.

Tecnologías Utilizadas

  • Next.js: El framework de React que permite el desarrollo full-stack de esta página, manejando tanto el frontend como el backend.
  • JavaScript/TypeScript: Lenguajes principales para la lógica del proyecto.
  • CSS/SCSS: Utilizado para estilizar la página y garantizar un diseño atractivo y responsivo.
  • Formulario de Contacto: Desarrollado con integraciones de backend en Next.js para enviar los datos de los usuarios directamente al equipo de la agencia.

Cómo ejecutar el proyecto

Para ejecutar este proyecto localmente en tu máquina, sigue los siguientes pasos:

  1. Clonar el repositorio
git clone https://github.com/jarjar-st/socialty-media
cd socialty-media
  1. Instalar dependencias
npm install
  1. Configurar las variables de entorno
  • Crea un archivo .env.local en la raíz del proyecto y añade las variables de entorno necesarias, como las claves de API para los servicios de correo o bases de datos que la página necesite. Ejemplo:
    NEXT_PUBLIC_API_KEY=tu_api_key
  1. Correr el servidor de desarrollo

    npm run dev

Esto levantará el proyecto en modo de desarrollo. Abre tu navegador y visita http://localhost:3000 para ver la página en acción.

Enlace al Proyecto

El proyecto está actualmente desplegado y disponible en el siguiente enlace: Socialty Media.

Conclusión

Socialty Media es una página web que no solo muestra los servicios de una agencia de publicidad digital moderna, sino que también destaca la eficiencia de Next.js como plataforma full-stack. Con un diseño responsivo y un formulario de contacto funcional, este sitio web asegura una excelente experiencia tanto para los usuarios como para la empresa que lo gestiona.