https://github.com/alexsandro-01/portifolio

Meu portifólio pessoal
https://github.com/alexsandro-01/portifolio

cssmodules fetch-api git nextjs ssr typescript

Last synced: about 13 hours ago
JSON representation

Meu portifólio pessoal

• Host: GitHub
• URL: https://github.com/alexsandro-01/portifolio
• Owner: Alexsandro-01
• Created: 2023-01-14T19:40:07.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-01-31T22:34:10.000Z (over 1 year ago)
• Last Synced: 2024-09-20T03:30:56.194Z (5 days ago)
• Topics: cssmodules, fetch-api, git, nextjs, ssr, typescript
• Language: TypeScript
• Homepage: https://alexsandrodev.com
• Size: 1.75 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Boas vindas ao repositório do meu Portifólio

https://user-images.githubusercontent.com/73038442/215897784-88462464-073b-4532-b75c-5c364e88e225.mp4

## Contexto

Formado no final do ano de 2022 como Desenvolvedor Web Full Stack pela [Trybe](https://www.betrybe.com/), resolvi construir um portifólio para agrupar de forma visual e interativa os meus principais projetos pessoais e informações sobre mim.

### [alexsandrodev.com](https://alexsandrodev.com)

## Principais desafios que encontrei

* **O Nextjs** é uma tecnologia que estou aprendendo, e em alguns momentos o SSR me confundia um pouco, mas no final acredito que estou pegando o jeito.

* **O componente `Image` do Next** me quebrou a cabeça porque ele pede para definir um width e heigh prévio para a imagem, mas quando eu tornava a imagem responsiva com o css, pondo o width da imagem para 100% do seu container, a imagem continuava com o height que constava no componente `Image` do Next. Resolvi isso pondo um height: auto no css. Olhando agora parece simples e óbvio mas levei um tempo para perceber isso 😁.

* **Comprar e configurar** um domínio é algo que eu nunca havia feito antes, mas é bem mais simples do que eu esperava. Fiquei muito feliz depois de configurar meu primeiro domínio e vê-lo funcionando 🚀

* **A API do Github** foi o que eu usei para consultar os dados dos meus repositórios de projetos no Github que estão listados no portifólio. Usei a função `getStaticprops` do Next para usar o SSR das informações e não precisar fazer requisições a API do Github a cada consulta no portifólio.

 

## Tecnologias usadas

* `Nextjs`

* `Typescript`

* `Css-modules`

* `Git`

* `Deploy na Vercel`

## Executando a aplicação

1. Fazendo o clone;

```bash

  git clone [email protected]:Alexsandro-01/Portifolio.git

``` 

2. Instalando as dependências;

```bash

npm install

``` 

3. Iniciando a aplicação;

```bash

npm run dev

```

4. Acesse a aplicação no seu browser;

```

http://localhost:3000/

```