Workshop Itera tu producto digital

Taller de Creación de MVP: de la Idea al Pitch

Contenido del curso

From Zero to One

Cursos Empresas Blog Live Conf Eventos Precios

0:0086:00

Workshop Itera tu producto digital

Taller de Creación de MVP: de la Idea al Pitch

Clase 10 de 13

Clase 10 / 13

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.