react resume template
v2.0.0
Procurando a versão antiga? Você pode encontrá -lo aqui.
Este é um modelo de site de currículo pessoal baseado em reagir. Construído com o TypeScript na estrutura Next.js, estilizada com CSS de Tailwind e preenchida com dados de um único arquivo, você pode criar, personalizar e hospedar facilmente seu próprio site pessoal em minutos. Melhor ainda, o site é totalmente otimizado e o servidor renderizado para garantir o carregamento rápido e uma interface do usuário limpa em qualquer dispositivo. Continue lendo para aprender a torná -lo o seu próprio.
Para criar este site, você precisará ter as mais recentes versões estáveis de nó e fios baixados e instalados em sua máquina. Se você ainda não os possui, pode obter um nó aqui e fios aqui.
Em seguida, encontre o botão Fork no canto superior direito desta página. Isso permitirá que você faça sua própria cópia, para obter mais informações sobre a visita de reposituras aqui. Depois disso, faça o download da sua máquina de desenvolvimento usando o botão Code verde na parte superior da página repo.
Depois de ter sua própria cópia deste repositório bifurcado e baixado, abra a pasta em seu terminal favorito e execute yarn install para instalar dependências. Depois disso, execute yarn dev para executar o projeto. No seu terminal, você deve receber o URL da instância em execução (geralmente http: // localhost: 3000, a menos que você tenha outra coisa em execução).
Todos os dados do site são acionados por um arquivo em /src/data/data.tsx . É aqui que você encontrará o conteúdo existente e a atualização dos valores aqui será refletida no site. Se você tiver o site em execução, conforme descrito acima, verá essas alterações refletidas no salvamento. Os tipos de dados para todos esses itens são fornecidos na mesma pasta no arquivo dataDef.ts . Exemplo de imagens podem ser encontradas no src/images/ e são importadas no arquivo de dados. Para alterar, basta atualizar essas imagens usando o mesmo nome e localização ou adicionar novas imagens e atualizar as importações.
Devido à variedade de opções disponíveis para provedores de formulários de contato, conectei o formulário de contato apenas até onde lidar com entradas e estado. O envio do formulário e o envio real do email estão abertos à sua própria implementação. Minha recomendação pessoal para o provedor de email é sendGrid.
Obviamente, todo o código está lá e nada está oculto de você; portanto, se você quiser fazer outras alterações de estilo/dados, sinta -se à vontade!
A implantação do seu novo site para Vercel é simples e pode ser feita seguindo o guia aqui. Quando você terminar e a construção é bem -sucedida, você deve receber um URL para o seu site ao vivo, vá lá e verá seu novo site de currículo pessoal! Parabéns!
