halaman
Bangun situs web secepat kilat dengan Notion dalam kecepatan ringan ⚡️
Luncurkan situs web yang ramah SEO dan sangat cepat dari Notion, Google Sheets, GitHub, Airtable dengan Pagely
Apa itu Pagely
Pagely adalah platform tanpa kode yang membantu Anda meluncurkan situs web dari aplikasi favorit Anda seperti Notion, GitHub, Google Sheets, Airtable, dan lainnya?. Daripada membiarkan Anda menangani semua hal SEO, Pagely secara otomatis menjadikannya ramah SEO untuk Anda. Tidak menyukai gaya default Notion? Jangan khawatir, Anda dapat mengedit CSS sepuasnya. Dan salah satu fitur favorit saya - subdomain khusus. Pagely memungkinkan Anda memilih subdomain pilihan Anda Misalnya. lalit.pagely.site, nama-Anda.pagely.site, dll... Ya, Anda benar - Hashnode juga melakukannya. Yang perlu Anda lakukan hanyalah mengetikkan konten situs web Anda di Notion dan situs web Anda akan diperbarui secara langsung, waktu nyata!!. Anda dapat membuat situs web untuk proyek sumber terbuka Anda di GitHub hanya dengan menambahkan pagely.json juga!!. . Ada lebih banyak fitur di Pagely.
Fitur
- Subdomain khusus gratis (mis. nama-Anda.pagely.site)
- Situs web pembaruan langsung
- Pembuatan Gambar OG otomatis ( bukan dengan dalang ? baca lebih lanjut untuk mengetahuinya)
- Gaya khusus (dengan CSS)
- Tag
<head> khusus (untuk analitik dan integrasi lebih banyak tanpa batas) - Pamerkan situs web Anda di halaman etalase
- Situs web yang sangat cepat
- Domain khusus (melalui solusi hingga Vercel mendukungnya)
- Panduan terperinci tentang cara mengintegrasikan Pagely dengan berbagai subhalaman
- Siput/subjalur/subroute khusus/ URL cantik untuk halaman Notion (segera hadir)
- Perlindungan kata sandi untuk situs web (melalui integrasi StaticShield bawaan?)
- Integrasi yang kuat seperti Crisp.chat, Disqus, Google Analytics, Stripe, Gumroad, dll.
- Di Vercel. Situs web Pagely Anda di-cache di jaringan edge Vercel
- Peta situs otomatis (segera hadir)
- Font khusus, favicon , dan banyak lagi
- SSL Otomatis ( https )
- Buat situs web keren dari ponsel Anda?
- Pencarian teks lengkap untuk seluruh situs web (segera hadir)
- Penyorotan sintaks untuk blok kode
- Mode gelap untuk semua situs web (akan hadir besok)
- Pratinjau twitter langsung dari situs web Anda
Beberapa tautan berguna
- Situs web langsung → https://pagely.site
- Repo GitHub → https://github.com/lalit2005/pagely
- Etalase → https://pagely.site/showcase
- Panduan → https://guides.pagely.site
- Contoh situs dengan Notion → https://lalit.pagely.site
- Contoh situs dengan GitHub → https://pagely-with-github.pagely.site/
Tumpukan Teknologi
Ini adalah salah satu bagian paling mengejutkan dari blog. Itu karena Pagely sepenuhnya dibuat dengan Jamstack. Ya, kamu tidak salah dengar. Seluruh aplikasi dibuat dengan Next.js (kecuali untuk layanan pembuatan gambar OG otomatis)
- Next.js - Kerangka React paling menakjubkan di dunia
- Petugas - Otentikasi
- TailwindCSS - Penataan gaya
- Radix UI - Pustaka komponen reaksi primitif
- UI tanpa kepala - pustaka komponen UI
- Supabase (Postgres) - Basis Data
- Prisma - Basis Data ORM
- Aksio - permintaan API
- React Hook Form - Validasi formulir
- Zod - Validasi
- Web3forms - Pengiriman formulir
- SWR - Pengambilan data jarak jauh
- Naskah - Ketik memeriksa
- Vercel - Tuan Rumah
Berkontribusi
Anda juga dapat berkontribusi dengan mengirimkan template!! Untuk lebih jelasnya kunjungi https://pagely.site/templates
- Kloning repo ini →
git clone https://github.com/Lalit2005/pagely - Siapkan variabel lingkungan Panitera dari dasbor Panitera
- Jalankan database Postgres gratis di Supabase dan dapatkan URL/string koneksi
- Dapatkan kunci API Anda dari Imgbb di sini (Hanya jika Anda berkontribusi pada bagian Pengunggahan Gambar)
- Instal dependensi →
yarn - Jalankan aplikasi di localhost →
yarn dev - Buat cabang baru
- Setelah menyelesaikan fitur baru atau memperbaiki bug, buka saja PR :)
Ingatlah untuk menggunakan komitmen konvensional .
- perbaikan: <bug> untuk perbaikan bug
- feat: <fitur baru> untuk fitur baru
- refactor: <a code refactor> untuk refactor kode
- tugas: <bump lodash> segala sesuatu yang berhubungan dengan langkah pembangunan
- tugas(deps): <bump lodash> untuk pembaruan ketergantungan
- tugas(deps-dev): <bump vercel> untuk pembaruan ketergantungan dev
- style: <tambahkan margin> untuk apa pun yang berhubungan dengan gaya aplikasi
Dukung Saya ☕️
Jika Anda ingin mendukung saya, bisakah Anda memberi saya kopi di sini?
