🏪 Site.Set

Uma landing page moderna com blog integrado, feita para quem quer presença online com estilo.

---

📃 Sobre  •   🛠️ Tecnologias  •   ✨ Funcionalidades  •   🚀 Como rodar  

---

---

📃 Sobre

O Site.Set é uma aplicação web composta por uma landing page moderna e um blog integrado, construída com Next.js 16 utilizando o App Router. O conteúdo do blog é gerenciado via Contentlayer2, que transforma arquivos Markdown/MDX em dados tipados consumidos diretamente pela aplicação. A interface foi estilizada com Tailwind CSS v4, utilizando componentes do shadcn/ui e ícones do Lucide React e React Icons. A qualidade do código é garantida pelo Biome e pelo Ultracite.

---

🛠️ Tecnologias

• ⚡ Next.js — Framework React com App Router, SSR e otimizações de performance.
• ⚛️ React — Biblioteca para construção de interfaces declarativas.
• 🟦 TypeScript — Tipagem estática e segurança em tempo de desenvolvimento.
• 🎨 Tailwind CSS — Estilização utilitária direto no JSX.
• 🧩 shadcn/ui — Componentes acessíveis e estilizáveis com Radix UI.
• 📝 Contentlayer2 — Gerenciamento de conteúdo em Markdown/MDX com tipagem automática.
• 📄 react-markdown — Renderização de Markdown no React com suporte a GFM via remark-gfm.
• 🔀 tailwind-merge — Resolução inteligente de conflitos entre classes Tailwind.
• 🎯 class-variance-authority — Criação de variantes de componentes com tipagem.
• 🔍 Lucide React — Biblioteca de ícones SVG modernos.
• 🌈 React Icons — Conjunto amplo de ícones populares para React.
• 🛠️ Biome — Linter e formatter rápido para JavaScript/TypeScript.
• ✅ Ultracite — Ferramenta de qualidade de código com regras opinadas.

---

✨ Funcionalidades

• 🏠 Landing page com seções de hero, features e CTA
• 📝 Blog com listagem de posts
• 📖 Página de leitura de post com Markdown
• 🎨 UI moderna com componentes shadcn/ui
• 📱 Layout responsivo para mobile e desktop
• 🔤 Conteúdo tipado via Contentlayer2
• ⚡ Renderização otimizada com Next.js App Router

---

🚀 Como rodar

📋 Pré-requisitos

• 🟩 Node.js 18+

🔧 Instalação

1. Clone o repositório:

   git clone https://github.com/joschonarth/siteset.git

2. Acesse a pasta do projeto:

   cd siteset

3. Instale as dependências:

   npm install

▶️ Execução

# Inicia o servidor de desenvolvimento
npm run dev

Acesse http://localhost:3000 no navegador.

🏗️ Build de produção

# Gera o build otimizado
npm run build

# Inicia o servidor de produção
npm run start

---

🔍 Qualidade de Código

O projeto utiliza Biome via Ultracite para garantir um código limpo e padronizado.

# Verifica erros de lint e formatação
npm run check

# Corrige automaticamente os erros encontrados
npm run fix

---

⭐ Apoie este Projeto

Se curtiu o projeto, deixe uma ⭐ aqui no GitHub — isso ajuda muito!

---

Feito com ♥ por João Otávio Schonarth