Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aridanpantoja/aridan

Bem-vindo ao meu portfólio!
https://github.com/aridanpantoja/aridan

Last synced: 6 days ago
JSON representation

Bem-vindo ao meu portfólio!

Awesome Lists containing this project

README

        

# Aridan.dev - Portfólio Pessoal

Este repositório contém o código-fonte do meu portfólio pessoal, disponível em [aridan.dev](https://aridan.dev). O portfólio foi desenvolvido utilizando **React**, **Next.js**, **Typescript**, **Shadcn/UI** e **Tailwind CSS** para criar uma interface moderna e responsiva. O gerenciamento de conteúdo é realizado por meio do **Hygraph** (GraphCMS), que utiliza **GraphQL** para facilitar a integração e manipulação dos dados.

## 🚀 Tecnologias Utilizadas

- **Next.js**: Framework React que possibilita renderização do lado do servidor (SSR) e geração de sites estáticos.
- **React**: Biblioteca JavaScript para construção de interfaces de usuário.
- **Typescript**: Superset do JavaScript que adiciona tipagem estática ao código.
- **Shadcn/UI**: Biblioteca de componentes estilizados e acessíveis para React.
- **Tailwind CSS**: Framework de CSS utilitário para estilização rápida e responsiva.
- **Hygraph (GraphCMS)**: CMS baseado em GraphQL para gerenciamento de conteúdo.
- **GraphQL**: Linguagem de consulta utilizada para comunicação com o CMS.

## 📦 Clonando o Projeto

### Passos

1. Clone o repositório:

```bash
git clone https://github.com/aridanpantoja/aridan.git
cd aridan
```

2. Instale as dependências:

```bash
yarn install
```

ou

```bash
npm install
```

3. Configure as variáveis de ambiente:

Crie um arquivo `.env.local` na raiz do projeto e adicione suas chaves de API e outras variáveis necessárias. Veja o exemplo abaixo:

```bash
HYGRAPH_URL=your-hygraph-endpoint
HYGRAPH_TOKEN=your-hygraph-token
```

4. Execute o projeto em modo de desenvolvimento:

```bash
yarn dev
```

ou

```bash
npm run dev
```

5. Acesse o projeto no navegador:

```
http://localhost:3000
```

## 🌐 Deploy

O site está atualmente hospedado em [aridan.dev](https://aridan.dev). O deploy é realizado automaticamente via [Vercel](https://vercel.com/) a cada novo commit na branch `main`.

## 📧 Contato

Se você tiver alguma dúvida, dica ou sugestão, pode me contatar pelo [Instagram](https://www.instagram.com/aridan.dev/) ou pelo [LinkedIn](https://www.linkedin.com/in/aridanpantoja/).