https://github.com/gabrielborges2000/codeborges-blog

Este é um blog pessoal desenvolvido com Next.js, TypeScript e TailwindCSS para compartilhar conteúdo sobre tecnologia, programação e desenvolvimento.
https://github.com/gabrielborges2000/codeborges-blog

blog markdown nextjs react tailwindcss

Last synced: 17 days ago
JSON representation

Este é um blog pessoal desenvolvido com Next.js, TypeScript e TailwindCSS para compartilhar conteúdo sobre tecnologia, programação e desenvolvimento.

• Host: GitHub
• URL: https://github.com/gabrielborges2000/codeborges-blog
• Owner: GabrielBorges2000
• Created: 2024-11-20T09:04:54.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-12-06T05:57:33.000Z (19 days ago)
• Last Synced: 2024-12-06T06:26:34.315Z (19 days ago)
• Topics: blog, markdown, nextjs, react, tailwindcss
• Language: TypeScript
• Homepage: https://blog.codeborges.com/
• Size: 749 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# CodeBorges Blog

Este é um blog pessoal desenvolvido com Next.js, TypeScript e TailwindCSS para compartilhar conteúdo sobre tecnologia, programação e desenvolvimento.

## 🚀 Funcionalidades

- Layout responsivo e moderno

- Posts formatados em Markdown

- Suporte a imagens de capa

- Formatação de datas em português

- Informações do autor

- Preview dos posts na página inicial

- SEO otimizado

## 💻 Tecnologias

- [Next.js](https://nextjs.org/)

- [TypeScript](https://www.typescriptlang.org/)

- [TailwindCSS](https://tailwindcss.com/)

- [date-fns](https://date-fns.org/)

## 📝 Estrutura

O projeto possui a seguinte estrutura de componentes principais:

- `layout.tsx` - Layout base com header e footer

- `post-preview.tsx` - Card de preview dos posts

- `date-formatter.tsx` - Formatação de datas em pt-BR

- `more-stories.tsx` - Grid de posts

- `container.tsx` - Container responsivo

## 🎯 Objetivo

O objetivo deste blog é compartilhar conhecimento e experiências sobre:

- Desenvolvimento Web

- Desenvolvimento Mobile 

- Desenvolvimento Desktop

- Inteligência Artificial

- Backend

- E outras tecnologias!

## Como Rodar o Projeto

1. Clone o repositório:

   ```bash

   git clone https://github.com/GabrielBorges2000/signerpro.git

   ```

2. Navegue até o diretório do projeto:

   ```bash

   cd signerpro

   ```

3. Instale as dependências:

   ```bash

   npm install

   ```

4. Inicie o servidor de desenvolvimento:

   ```bash

   npm run dev

   ```

5. Abra o navegador e acesse:

   ```

   http://localhost:3000

   ```

## Contribuição

Sinta-se à vontade para contribuir com melhorias! Abra uma issue ou envie um pull request.