jahir.dev

Jahir.dev

Pilha

• Estrutura : next.js
• Estilo : CSS do Tailwind CSS
• Conteúdo : MDX e Velite
• Banco de dados : neon e garoa ORM
• Analítica : Umami
• Implantação : vercel

Estrutura do projeto

 .
| ____config
| ____content
| ____public
| ____scripts
| ____src
| | ____actions
| | ____app
| | ____assets
| | ____components
| | | ____core
| | | ____molecules
| | | ____og
| | | ____views
| | | ____icons.ts
| | ____data
| | ____hooks
| | ____lib
| | ____providers
| | ____styles
| | ____types
| | ____utils

• config/* - Inclui toda a configuração personalizada para MDX, Velite e Next.js
• content/* - Postagens de blog MDX e o conteúdo das páginas donate
• public/* - Ativos estáticos, incluindo imagens, fontes, áudios, arquivos, etc.
• scripts/* - utilitários para configurar o projeto
• src/app/* - Cada rota de página e API no site. Usa o novo roteador de aplicativos de Next.js 13.+
• src/assets/* - Fontes e imagens estáticas usadas em diferentes componentes
• src/components/core/* - os componentes mais simples. A maioria deles está apátrida
• src/components/molecules/* -Os principais blocos para o site: toolbar , footer , layout main , botão back-to-top e social links
• src/components/og/* - o código que alimenta a geração de imagens de graph aberto dinâmico
• src/components/views/* - Componentes mais complexos para criar as diferentes páginas do meu site. (Eles estão aqui para manter src/app/ o mais limpo possível)
• src/components/icons.ts - Caminhos de ícones SVG. Os ícones vêm de ícones de design de material e lucide
• src/data/* - arquivos json contendo dados para projetos e a página uses
• src/hooks/* - alguns ganchos usados em todo o aplicativo
• src/lib/* - abreviação de "biblioteca", uma coleção de utilitários úteis ou código para serviços externos
• src/providers/* - React Contextos para armazenar o tema atual e as reações de postagem do blog
• src/styles/* - Estilos globais com scss . Uso principalmente aulas de vento de cauda
• src/types/* - alguns tipos de definições
• src/utils/* - mais funções de utilitários, mas menos complexas que as da lib

Executando localmente

Este aplicativo requer node.js v18.18+.

1. Clone o projeto, instale dependências e execute a configuração inicial

   git clone https://github.com/jahirfiquitiva/jahir.dev.git
   cd jahir.dev
   bun
   bun run setup # You can skip this if you're contributing to this repository. It removes all of my personal content and files

2. Crie um arquivo .env semelhante a .env.example .

3. (Opcional) Este projeto usa um banco de dados do Postgres para armazenar as vistas e as reações contam.

    CREATE TABLE counters (
     slug VARCHAR ( 255 ) PRIMARY KEY NOT NULL ,
     views INTEGER NOT NULL DEFAULT 0 ,
     likes INTEGER NOT NULL DEFAULT 0 ,
     loves INTEGER NOT NULL DEFAULT 0 ,
     awards INTEGER NOT NULL DEFAULT 0 ,
     bookmarks INTEGER NOT NULL DEFAULT 0
   );

4. Execute o projeto localmente:

   bun run dev

Observação

Algumas coisas podem ser quebradas ou não são encontradas porque o script bun run setup removerá muitos arquivos. Por favor, verifique o código e as implementações.

Clonagem / forking

Revise a licença, não copie diretamente, remova todo o meu conteúdo e arquivos pessoais (currículo, postagens de blog, imagens etc.) executando bun run setup e altere o estilo e as cores para combinar com sua marca pessoal. Você é livre para usar esse código como referência de inspiração ou aprendizado, mas isso não se destina a ser um modelo.

Mudanças adicionais

Certifique -se de definir a variável de ambiente IS_TEMPLATE como false. Caso contrário, as cores no site podem ser invertidas. (Veja src/styles/globals.scss )

Versões anteriores

Todas as versões anteriores deste site podem ser encontradas em Jahirfiquitiva/Prev-Websites