Mari Carmen Alcaraz
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
Gracias, Mari Carmen por dar claridad con tus apuntes.
