---
title: "Como iniciar seu blog ou portfólio com Astro?"
description: "Quer começar seu blog ou portfólio online? Mas você se sente perdido no processo, veio ao lugar certo. Vou guiá-lo pelos passos para iniciar seu projeto usando o Astro, uma ferramenta poderosa que irá simplificar todo o processo."
author: "Oscar Barajas Tavares"
language: "pt-BR"
canonical: "https://gndx.dev/pt/blog/231007-como-empezar-tu-blog-o-portafolio-con-astro/"
datePublished: "2023-10-07T01:55:35.668Z"
dateModified: "2023-10-07T01:55:35.668Z"
categories: ["temas"]
tags: ["código aberto","YouTube"]
---

# Como iniciar seu blog ou portfólio com Astro?

> Quer começar seu blog ou portfólio online? Mas você se sente perdido no processo, veio ao lugar certo. Vou guiá-lo pelos passos para iniciar seu projeto usando o Astro, uma ferramenta poderosa que irá simplificar todo o processo.

Quer começar seu blog ou portfólio online? Mas você se sente perdido no processo, veio ao lugar certo. Vou guiá-lo pelos passos para iniciar seu projeto usando o Astro, uma ferramenta poderosa que irá simplificar todo o processo.

### O que é Astro e por que você deveria usá-lo?

Astro é uma das ferramentas mais populares para criação de sites. Porque? Porque permite aproveitar ao máximo todas as suas vantagens de forma rápida e fácil. Com foco no conteúdo e velocidade de carregamento impressionante, o Astro se torna seu aliado perfeito.

### Descubra o modelo minimalista

Para começar, apresentarei um modelo que criei especificamente para ajudá-lo a lançar seu blog ou portfólio de maneira eficaz. Este template foca no design minimalista, priorizando a apresentação de quem você é, o que você faz e suas redes sociais.

![Tema Astro EV0](https://s3.amazonaws.com/gndx.dev/ev0-astro-theme.png)

Principais recursos do modelo de tema EV0 Astro

Este modelo foi projetado com os seguintes recursos em mente:

- **Estilo Minimalista:** Seu design concentra-se em informações essenciais.
- **SEO Friendly:** É otimizado para mecanismos de pesquisa e URLs amigáveis.
- **Totalmente Responsivo:** Adapta-se a qualquer dispositivo e resolução.
- **Integração com o YouTube:** Você pode mostrar seus vídeos mais recentes se quiser.
- **Comandos simples:** Inclui um comando de linha de comando para adicionar facilmente novos blocos.
- Farol 100/100
- Pronto para PWA

### Clonar o repositório

Antes de começar, você precisa clonar o repositório deste modelo.

Repositório: [https://github.com/gndx/ev0-astro-theme](https://github.com/gndx/ev0-astro-themehttps:/)

### Personalizar e configurar

Depois de clonado, vá para a pasta do projeto e execute `npm install` para instalar as dependências. No arquivo `config`, você pode personalizar as informações do seu site, ativar recursos como o YouTube e definir suas redes sociais.

No repositório você encontrará toda a documentação para customizá-lo:[https://github.com/gndx/ev0-astro-theme](https://github.com/gndx/ev0-astro-themehttps:/)

### Crie seu conteúdo

A estrutura do conteúdo do seu blog ou portfólio encontra-se na seção “blog”. Cada arquivo representa uma página ou seção do seu site e contém informações relevantes como título, descrição, data, imagem, categoria, tags e autor.

### Comece a escrever!

O melhor é que você pode começar a criar seu conteúdo diretamente neste arquivo, sem a necessidade de bancos de dados ou ferramentas de terceiros. Tudo estará dentro deste mesmo projeto.

### Ambiente de desenvolvimento local

Depois de personalizar seu site e criar seu conteúdo, é hora de testá-lo. Execute `npm run dev` em seu terminal e abra seu site localmente em seu navegador. Seu blog ou portfólio estará pronto para uso!

### Quer saber mais sobre o Astro?

Se você quiser se aprofundar no uso do Astro, recomendo [meu curso online](https://platzi.com/astro). Você aprenderá como aproveitar ao máximo esta ferramenta e todos os seus recursos.

Resumindo, com Astro.build e este template minimalista (EV0 Astro Theme), você poderá lançar seu blog ou portfólio de forma eficaz e personalizada. Atreva-se a explorar e compartilhar seu conhecimento com o mundo!

Lembre-se que este template é totalmente open source, então você pode adaptá-lo, modificá-lo e enviar suas melhorias para o repositório principal. Espero que este guia o ajude no caminho para a criação do seu site!

### Vídeo passo a passo:

<div className="video-wrapper">
	<iframe
		src="https://www.youtube.com/embed/34NpRuqjtLo"
		title="YouTube video player"
		frameborder="0"
		allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
		allowfullscreen
	></iframe>
</div>

---

Fuente canónica: [https://gndx.dev/pt/blog/231007-como-empezar-tu-blog-o-portafolio-con-astro/](https://gndx.dev/pt/blog/231007-como-empezar-tu-blog-o-portafolio-con-astro/)
Autor: [Oscar Barajas Tavares](https://gndx.dev/pt/about/)