¿Qué es Astro?
Conoce los proyectos que vas a construir
¿Qué es Astro?
Quiz: ¿Qué es Astro?
Primeros Pasos
Entorno de trabajo y estructura en Astro
Crear tu primera página web con Astro
Proyecto
Breve historia de los frameworks y librerías
Conoce tu proyecto colaborativo: astrobuild.tips
Configuración de Tailwind CSS
Configuración de TypeScript
GitHub, VSCode, Prettier, Astro config
Astro API
Componentes en Astro
Páginas en Astro
Plantillas en Astro
Markdown
MDX
Enrutamiento: rutas estáticas
Enrutamiento: rutas dinámicas
Creando template de nuestra página de entrada del blog
Quiz: Astro API
Astro Islands
Componentes en React: header
Componentes en Vue: footer
Componentes en Svelte: redes sociales
Patrones de diseño: Astro Islands
Quiz: Astro Islands
Deploy
Integraciones SEO, RSS, Sitemap
Desplegar en Cloudflare Pages
Quiz: Deploy
Bonus
Bonus: aplica mejoras a tu proyecto
Cierre
Conclusiones y cierre del curso
You don't have access to this class
Keep learning! Join and start boosting your career
If you already have an account,
How to deploy a website using Astro and Clover?
Want to integrate a custom domain for your Astro-built website and deploy it efficiently? Here, we break down the deployment process using Clover, taking advantage of Astro's server integration and ensuring your site is fast and efficient. Upon completion, you will learn how to connect your domain using affordable and accessible tools such as Namecheap.
What is the first step in deploying our Clover site?
Before you start deploying, make sure all changes are updated in your repository, preferably hosted on GitHub. Clover is an ideal tool for this purpose, as it allows the deployment of static websites with advanced integrations for Astro. Here are the steps to follow:
- Update your repository: Make sure all changes are uploaded and committed to GitHub.
- Create a Clover account: This is crucial for the next step configurations.
- Navigate to the Clover dashboard: Once inside, go to the Pages section where you can create a new project and connect your GitHub repository.
How do we connect Clover to our GitHub repository?
Connecting Clover to GitHub allows us to automate the deployment and management of the site. The steps are simple:
- Create a new project in Clover: Do it from the Pages section.
- Connect to Git: When you create the new project, select "Connect to Git" and authorize access to your repositories.
- Select your repository: Search and choose the specific repository that contains your web project.
- Choose the Astro framework: Configure the necessary elements for integration and deployment, such as selecting Astro as framework.
How to configure the deployment environment?
There are crucial aspects to consider in the configuration and they must be adjusted to avoid problems. Here are the details:
- Default configurations: Clover has support for Astro, so many configurations are automatically adjusted.
- Add environment variable: It is necessary to assign an environment variable called
no versionto ensure the correct functioning of the application. - Run local build: Before deploying, use
npm run buildto make sure there are no errors.
How to integrate a custom domain?
When you want your site to be accessible through a unique domain, here are the basic steps to follow:
- Purchase a domain from Namecheap: Namecheap is recommended for its ease of use and low cost.
- Change the DNS: Configure the DNS of the domain through Clover so that the site responds to the purchased domain.
- Configure domain security: Enable free SSL provided by Clover and ensure that the site uses HTTPS.
What performance improvements does Clover offer?
Clover not only facilitates deployment, but also optimizes performance thanks to:
- Caching systems: Improve site loading speed.
- Content compression: Ensures faster data transmission.
- Automatic optimization: Facilitates administration and configuration, as it is integrated with Clover's DNS.
Conclusion
Deploying your website built on Astro using Clover is not only efficient, but optimizes performance and provides security. Properly configure your environment, connect your domain and start sharing your creation with the world. Remember, as you continue to learn and hone your web development skills, Clover and Astro are your allies in achieving a robust and professional website. Keep going, the sky is the limit!
Contributions 8
Questions 4
lol por ansioso le di a “Guardar e implementar” antes de crear la variable de entorno, eso me enseñara a primero terminar de escuchar la explicación
Parece que el link de la documentacion de Cloudflare esta roto.
Variables de entorno
Want to see more contributions, questions and answers from the community?