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

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.

ARMINDEV PEREZ

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.

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.