abdulrahman.id
1.0.0
Decidi de origem aberta do meu último site de portfólio! Possui gerenciamento dinâmico de conteúdo para adicionar projetos e postagens usando CMS conteúdo e foi construído usando o Next.js e o Chakra UI.
Consulte a documentação Next.js e Chakra UI para saber mais.
Sinta -se à vontade para gastar este repositório para fazer seu próprio portfólio e, se você gostou do repositório, apoiá -lo, dando -lhe uma estrela!
Crie um .env.local e siga o nome da variável com base em .env.example e obtenha as teclas da API com base nas etapas abaixo
1. Crie uma conta conteúdo
2. Adicione um espaço comunitário (é grátis!)
3. Escolha "Eu crio conteúdo"
4. Vá para o modelo de conteúdo e comece a adicionar tipo de conteúdo
? Neste site de portfólio, ele possui 5 tipos de conteúdo que é:
1. Posts do blog
Após a atualização ⚡2.0.0, uso problemas do GitHub como conteúdo do blog!
Mais detalhes sobre isso em: https://abdulrahman.id/blog/unleash-your-dev-blog-write-more-with-github-issues-as-your-cms
- Projetos de destaque
- Projetos
- Introdução
- ContactMe
Você deve adicionar esse nome exato, pois é o ID que é usado no código.
Adicione o tipo de conteúdo de acordo com esses campos: 
Vá para Configurações -> Chaves da API -> Tokens de entrega de conteúdo / visualização -> "Seu nome de espaço" Copie o ID do espaço e o token da API de entrega de conteúdo
Coloque -o nas variáveis do ambiente de acordo com .env.example e você está pronto!
1. Crie um projeto Firebase
2. Depois de configurar as coisas, você receberá as teclas da API, salve -as.
3. Vá para o banco de dados Firestore
4. Adicione uma coleção denominada views
5. Em seguida, coloque essas chaves da API antes de acordo com o .env.example e é isso!
1. Crie uma conta do Google Analytics, na parte das configurações da propriedade , não se esqueça de ativar a análise universal
2. Depois disso, você verá um código começando com UA-
3. Copie esses código e coloque -o em variáveis de ambiente de acordo com env.example e feito!
Instale as dependências com npm i ou yarn
Inicie o projeto por npm run dev ou yarn dev
Você pode implantar facilmente usando o vercel?
pages/index.js = página inicial
pages/projects/index.js = Página de arquivo de projetos
pages/blog/index.js = Página de listagens de blogs
pages/blog/[slug].js = página de postagem do blog
pages/api/views = API para buscar visualizações de postagem no Firebase
