Paginamente
Crie sites extremamente rápidos com o Notion na velocidade da luz ⚡️
Lance sites extremamente rápidos e amigáveis para SEO do Notion, Google Sheets, GitHub, Airtable com Pagely
O que é Pagely
Pagely é uma plataforma sem código que ajuda você a lançar sites a partir de seus aplicativos favoritos, como Notion, GitHub, Google Sheets, Airtable e muito mais. Em vez de permitir que você cuide de todas as coisas de SEO, o Pagely automaticamente o torna SEO amigável para você. Não gosta dos estilos padrão do Notion? Não se preocupe, você pode editar o CSS o quanto quiser. E um dos meus recursos favoritos são subdomínios personalizados. Pagely permite que você escolha o subdomínio de sua preferência, por exemplo. lalit.pagely.site, your-name.pagely.site, etc... Sim, você acertou - Hashnode também faz isso. Tudo o que você precisa fazer é digitar o conteúdo do seu site no Notion e ele será atualizado ao vivo, em tempo real!!. Você pode criar um site para seu projeto de código aberto no GitHub apenas adicionando um pagely.json também!!. . Há muito mais recursos no Pagely.
Características
- Subdomínios personalizados gratuitos (por exemplo, seu-nome.pagely.site)
- Site de atualização ao vivo
- Geração automática de imagens OG ( não com marionetista ? leia mais para descobrir)
- Estilo personalizado (com CSS)
- Tags
<head> personalizadas (para análises e infinitas integrações) - Mostre seus sites na página de demonstração
- Sites extremamente rápidos
- Domínios personalizados (por meio de uma solução alternativa até que o Vercel ofereça suporte)
- Guias detalhados sobre como integrar o Pagely com várias subpáginas
- Slugs/subcaminhos/subrotas/ URLs bonitos personalizados para páginas do Notion (em breve)
- Proteção por senha para sites (por meio da integração StaticShield embutida?)
- Integrações poderosas como Crisp.chat, Disqus, Google Analytics, Stripe, Gumroad, etc.
- No Vercel. Seu site Pagely é armazenado em cache na rede de ponta do Vercel
- Sitemaps automáticos (em breve)
- Fontes personalizadas, favicons e muito mais
- SSL automático ( https )
- Criar sites incríveis a partir do seu celular ?
- Pesquisa de texto completo para todo o site (em breve)
- Destaque de sintaxe para blocos de código
- Modo escuro para todos os sites (chegando amanhã)
- Visualização ao vivo do Twitter do seu site
Alguns links úteis
- Site ativo → https://pagely.site
- Repositório GitHub → https://github.com/lalit2005/pagely
- Vitrine → https://pagely.site/showcase
- Guias → https://guides.pagely.site
- Exemplo de site com Notion → https://lalit.pagely.site
- Site de exemplo com GitHub → https://pagely-with-github.pagely.site/
Pilha de tecnologia
Esta é uma das partes mais surpreendentes do blog. Isso porque o Pagely é totalmente construído com o Jamstack. Sim, você me ouviu direito. Todo o aplicativo foi feito com Next.js (exceto o serviço automático de geração de imagens OG)
- Next.js – O framework React mais incrível do planeta
- Escriturário - Autenticação
- TailwindCSS - Estilo
- Radix UI - Biblioteca de componentes de reação primitiva
- UI sem cabeça - biblioteca de componentes de UI
- Supabase (Postgres) - Banco de dados
- Prisma - banco de dados ORM
- Axios - solicitações de API
- Formulário React Hook - Validação de formulário
- Zod - Validação
- Web3forms - Envios de formulários
- SWR - Busca remota de dados
- Typescript - verificação de tipo
- Vercel - Hospedagem
Contribuindo
Você também pode contribuir enviando modelos!! Para mais detalhes visite https://pagely.site/templates
- Clone este repositório →
git clone https://github.com/Lalit2005/pagely - Configure as variáveis de ambiente do Clerk no painel do Clerk
- Crie um banco de dados Postgres gratuito no Supabase e obtenha o URL/string de conexão
- Obtenha sua chave API do Imgbb aqui (somente se você estiver contribuindo para a seção de upload de imagens)
- Instale as dependências →
yarn - Execute o aplicativo em localhost →
yarn dev - Crie uma nova filial
- Ao finalizar um novo recurso ou corrigir um bug, basta abrir um PR :)
Lembre-se de usar commits convencionais .
- fix: <a bug> para uma correção de bug
- talento: <um novo recurso> para um novo recurso
- refatorar: <um refatorador de código> para um refatorador de código
- chore: <bump lodash> qualquer coisa relacionada à etapa de construção
- chore(deps): <bump lodash> para uma atualização de dependência
- chore(deps-dev): <bump vercel> para uma atualização de dependência de desenvolvimento
- style: <add margin> para qualquer coisa relacionada ao estilo do aplicativo
Apoie-me ☕️
Se você quiser me apoiar, pode me oferecer um café aqui?
