Workshop Itera tu producto digital

Clase 10 de 13 • Taller de Creación de MVP: de la Idea al Pitch

Clase anteriorSiguiente clase

Emmanuel Jose Lamprea Florez

student•

Hola a todos, la clase 9 y la clase 12 son las misma, para que no pierdan otra hora

Johanna Vargas

student•

Gracias, Emmanuel. Esperaba más de este taller.

Mari Carmen Alcaraz

student•

Vamos a crear una landing page para atraer atención sobre un libro sobre JavaScript.

Compra y gestión de dominio

Buscar previamente nombre de dominio y dirigirse a namecheap, elegir con prioridad que termine en com por ser el más popular en internet y comprarlo.
Entrar a Cloudflare y agregar este nuevo sitio. Se puede elegir un plan gratuito si no vamos a realizar cosas muy avanzadas. Una vez hecho, comienza a gestionar los recursos.
Volvemos a namecheap y en el apartado “name servers” seleccionamos “custom dns” y se agregan los servidores de nombre de Cloudflare.
Aplicar recomendaciones en Cloudflare como habilitar HTTPS y minificador automático y darle a “verificar”.

Empezar a crear sitio

Nos dirigimos a jamstackthemes. dev (mezcla y combina tecnologías para poder realizar sitio web rápido con low code) con posible mejora a futuro. Para el ejemplo, usaremos en CMS “No CMS”, en SSG “Next”
Elegir Template y confirmamos. Nos redirige a una app llamada stackbit que nos permite conectar todos los recursos. Si tienes cuenta en Github, la usas. Si no es así, la creas para obtener código para el futuro. Ponemos nombre del producto en el espacio indicado en stackbit para que cree el repositorio y le damos a “Create site”.
Mientras que se prepara, nos entrega un editor visual que nos permite realizar primeros cambios tanto visual como de código. Le damos a rueda configuración y en apartado GitHub nos facilita pedir el repositorio con la opción “Request Repo Transfer”. y nos entregan el código. El dominio es de Netlify. Nos llegará un correo para avisarnos de que ya somos dueños del dominio.
En Netlify podemos cambiar el nombre. Conectaremos nombre de dominio con el dominio que compramos a continuación. En “Domain settings” le damos a “Add custom domain”(agregamos el que compramos) y verificamos. En las opciones de los dominios seleccionamos “Set up Netlify DNS” y aceptamos. Seleccionamos “Configure external DNS” y copiamos IP 75.2.60.5
Volvemos Cloudflare y en “DNS” Eliminamos registro “A” que estaba por defecto y también el “CNAME”y agregamos nuevos registros: “ A @ y 75.2.60.5” y “CNAME www @ “ En la página principal de Cloudflare verificamos de nuevo, y debería verse el sitio.
Volviendo a stackbit, en el apartado “Code” > carpeta src > pages > about y modificamos a gusto. También en “Code” > carpeta src > pages > index trabajaremos en cambiar la plantilla predeterminada.
Si queremos agregar formulario newsletter, nos dirigimos a Tinyletter en “Share” nos entrega un código que copiamos y realizamos inserción en sitio web. Si da problemas en html borrar los “style”
En “Code” > “AppConfig. ts” cambiamos titulo y descripción. Si lo tenemos todo, le damos a publicar sitio.

Conectar con Paypal

En paypal buttons creamos botón que queramos. Copiamos código html y lo añadimos en el index, Si da problemas, copiar url y meter en html con la etiqueta <a> o editar en GitHub.

Johanna Vargas

student•

Gracias, Mari Carmen por dar claridad con tus apuntes.

GILBERTO ARMIN PEREZ SANCHEZ

student•

Entendí el proceso, pero los hiciste todo difícil. Creo que podríamos ahorrarnos todo ese proceso muy robusto, realizando una landing page en squarespace, con un formulario para que se registren los posibles cliente.

Johanna Vargas

student•

Gracias, Gilberto por la recomendación de squarespace.

Ricardo Gomez

student•

Buen video y resumen, una sugerencia seria mejor enseñar a resolver problemas, no sólo optar por quitar,

SANTIAGO ALBERTO BOLIVAR CARDENAS.

student•

Que buen video.

Johanna Vargas

student•

A modo personal, considero que este taller debería ser actualizado, actualmente estoy desarrollando una Startup y esta clase la estaba esperando para justamente realizar la Landing Page del MVP, de algo que es "sencillo" quedó como algo muy difícil, me siento frustrada con esta clase.

Workshop Itera tu producto digital

From Zero to One

Kickoff event

Desarrollo de Productos Digitales en 6 Semanas

Workshop Cómo encontrar tu idea

WarmUp habla con tus usuarios y mejora tu producto

Workshop Cómo hablar con tus usuarios

Workshop Desarrolla tu mockup

Workshop Construye tu producto digital

Construcción de Productos Digitales sin Código

Desarrollo de MVP con Herramientas No-Code

Workshop Itera tu producto digital

Desarrollo de prototipos desde mockups

Workshop Construye tu pitch

Creación de un MVP y Pitch Efectivo para Emprendedores