Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bernardosemioficial/bernardopereira.dev
Meu site/blog pessoal
https://github.com/bernardosemioficial/bernardopereira.dev
nextjs typescript vanilha-extract
Last synced: 2 days ago
JSON representation
Meu site/blog pessoal
- Host: GitHub
- URL: https://github.com/bernardosemioficial/bernardopereira.dev
- Owner: BernardoSemiOficial
- License: mit
- Created: 2023-03-25T02:40:33.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-15T20:15:51.000Z (about 1 month ago)
- Last Synced: 2024-10-17T06:44:30.177Z (29 days ago)
- Topics: nextjs, typescript, vanilha-extract
- Language: TypeScript
- Homepage: https://bernardopereira.dev
- Size: 6.72 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Bernardo Pereira - Meu site e blog pessoal
## Pessoal
Nesse site, conta sobre minhas experiências na área de tecnologia (até antes de
eu ter entrado nela), quais cursos já fiz para ingressar na área e como foi meu
início quando decidi que realmente iria me dedicar a estudar para conseguir um
emprego como Desenvolvedor Front-End.
Contarei sobre os projetos que já fiz durante o meu desenvolvimento e quais
cursos e locais de estudo eu busquei para conseguir desenvolver-me (posso até
conta porque tenho duas contas github, por conta de uma infelicidade da vida).
## Blog
Nesse mesmo site, terá uma parte para postagens de Blog de minha autoria. Penso
que serão assuntos ligado as tecnologias que já trabalho atualmente e também
dicas de carreia em Desenvolvimento Front-End.
## Tecnologias
Nas linhas abaixo irei descrever melhor todas as informações sobre o projeto e
quais tecnologias foram utilizadas para seu desenvolvimento.
Nesse projeto, penso em utilizar tecnologias que estão atualmente sendo bem
utilizadas no mercado de Front-End. Entre elas:
### Tecnologias Core
- NextJS
- TypeScript
- Biblioteca CSS-in-JS "zero-runtime"
- [Vanilla-Extract](https://vanilla-extract.style/)
### Ambiente
- [Prettier](https://prettier.io/)
- [ESLint](https://eslint.org/)
- [CommitLintJS](https://commitlint.js.org/#/)
- [Husky](https://typicode.github.io/husky/#/)
- [Stylelint](https://stylelint.io/)
- [Lint-staged](https://github.com/okonet/lint-staged)
### Ferramentas
- Google Tag Manager (GTM)
- Google Analytics
- Dependabot (Rotinas semanais de verificação)
### Executando o projeto
Para rodar o projeto frontend, siga os seguintes passos:
1. Certifique-se de ter o Node.js instalado em sua máquina. Você pode baixar a
versão mais recente do Node.js em [nodejs.org](https://nodejs.org/).
2. Abra o terminal e navegue até o diretório raiz do projeto.
3. Execute o seguinte comando para instalar as dependências do projeto:
```
npm install
```
ou
```
yarn install
```
4. Após a conclusão da instalação das dependências, execute o seguinte comando
para iniciar o servidor de desenvolvimento:
```
npm run dev
```
ou
```
yarn dev
```
5. Aguarde até que o servidor de desenvolvimento seja iniciado. Em seguida, abra
o seu navegador e acesse `http://localhost:3000` para visualizar o projeto em
execução.
Agora você pode começar a testar o projeto frontend localmente.
### Inspiração de Layout
O meu projeto é inspirado no [layout](src/docs/layout-jagriti-mishra.png) da
[Jagriti Mishra](https://www.behance.net/jagritimishra2) no site que ela deixou
disponível: [link](https://jagriti-blog.netlify.app/#).
Também me inspirei no site pessoal do Felipe Fialho, que está disponível em:
[link](https://www.felipefialho.com/).