เพจลี่
สร้างเว็บไซต์ที่รวดเร็วทันใจด้วย Notion ด้วยความเร็วแสง ⚡️
เปิดตัวเว็บไซต์ที่รวดเร็วและเป็นมิตรกับ SEO จาก Notion, Google Sheets, GitHub, Airtable ด้วย Pagely
เพจลีคืออะไร
Pagely เป็นแพลตฟอร์มแบบไม่ต้องเขียนโค้ดที่ช่วยให้คุณเปิดเว็บไซต์จากแอพโปรดของคุณ เช่น Notion, GitHub, Google Sheets, Airtable และอื่นๆ อีกมากมาย แทนที่จะให้คุณจัดการเรื่อง SEO ทั้งหมด Pagely จะทำให้ SEO เป็นมิตรกับคุณโดยอัตโนมัติ ไม่ชอบรูปแบบเริ่มต้นของ Notion ใช่ไหม ไม่ต้องกังวล คุณสามารถแก้ไข CSS ได้จนพอใจ และหนึ่งในคุณสมบัติที่ฉันชื่นชอบมากที่สุด - โดเมนย่อยแบบกำหนดเอง Pagely ให้คุณเลือกโดเมนย่อยที่คุณต้องการ เช่น lalit.pagely.site, your-name.pagely.site ฯลฯ... ใช่แล้ว คุณเข้าใจถูกแล้ว - Hashnode ก็ทำอย่างนั้นเช่นกัน สิ่งที่คุณต้องทำคือพิมพ์เนื้อหาเว็บไซต์ของคุณใน Notion จากนั้นเว็บไซต์ของคุณจะได้รับการอัปเดตแบบเรียลไทม์!! คุณสามารถสร้างเว็บไซต์สำหรับโปรเจ็กต์โอเพ่นซอร์สของคุณบน GitHub เพียงแค่เพิ่ม pagely.json เข้าไปด้วย!!. - Pagely มีคุณสมบัติอีกมากมาย
คุณสมบัติ
- โดเมนย่อยที่กำหนดเองฟรี (เช่น your-name.pagely.site)
- อัพเดทเว็บไซต์สด
- การสร้างภาพ OG อัตโนมัติ ( ไม่ใช่กับนักเชิดหุ่น อ่านเพิ่มเติมเพื่อหา)
- กำหนดสไตล์เอง (พร้อม CSS)
- แท็ก
<head> ที่กำหนดเอง (สำหรับการวิเคราะห์และการผสานรวมที่ไม่มีที่สิ้นสุด) - แสดง เว็บไซต์ของคุณในหน้าแสดงผลงาน
- เว็บไซต์ ที่รวดเร็วอย่าง เห็นได้ชัด
- โดเมนที่กำหนดเอง (ผ่านวิธีแก้ปัญหาจนกว่า Vercel จะรองรับ)
- คำแนะนำ โดยละเอียดเกี่ยวกับวิธีการรวม Pagely เข้ากับหน้าย่อยต่างๆ
- ทากที่กำหนดเอง / เส้นทางย่อย / เส้นทางย่อย / URL ที่สวยงาม สำหรับหน้าความคิด (เร็ว ๆ นี้)
- การป้องกันรหัส ผ่านสำหรับเว็บไซต์ (ผ่านการรวม StaticShield inbuilt ?)
- การบูรณาการที่มีประสิทธิภาพ เช่น Crisp.chat, Disqus, Google Analytics, Stripe, Gumroad ฯลฯ
- บน Vercel เว็บไซต์ Pagely ของคุณถูก แคชบนเครือข่าย Edge ของ Vercel
- แผนผังเว็บไซต์อัตโนมัติ ( เร็วๆ นี้ )
- แบบอักษร ที่กำหนดเอง , ไอคอน Fav และอื่นๆ
- SSL อัตโนมัติ ( https )
- สร้างเว็บไซต์เจ๋งๆ จาก โทรศัพท์มือถือ ของคุณ ?
- ค้นหาข้อความแบบเต็ม สำหรับทั้งเว็บไซต์ (เร็วๆ นี้)
- การเน้นไวยากรณ์ สำหรับบล็อคโค้ด
- โหมดมืด สำหรับทุกเว็บไซต์ (จะมาในวันพรุ่งนี้)
- ตัวอย่าง Twitter สดของเว็บไซต์ของคุณ
ลิงค์ที่มีประโยชน์บางส่วน
- เว็บไซต์สด → https://pagely.site
- ที่เก็บ GitHub → https://github.com/lalit2005/pagely
- โชว์เคส → https://pagely.site/showcase
- คำแนะนำ → https://guides.pagely.site
- ตัวอย่างเว็บไซต์ที่มี Notion → https://lalit.pagely.site
- ตัวอย่างเว็บไซต์ที่มี GitHub → https://pagely-with-github.pagely.site/
เทคสแต็ค
นี่เป็นหนึ่งในส่วนที่น่าแปลกใจที่สุดของบล็อก นั่นเป็นเพราะว่า Pagely ถูกสร้างขึ้นด้วย Jamstack อย่างสมบูรณ์ ใช่คุณได้ยินฉันถูกต้อง แอปทั้งหมดสร้างด้วย Next.js (ยกเว้นบริการสร้างภาพ OG อัตโนมัติ)
- Next.js - กรอบ React ที่น่าทึ่งที่สุดในโลก
- เสมียน - การรับรองความถูกต้อง
- TailwindCSS - จัดแต่งทรงผม
- Radix UI - ไลบรารีส่วนประกอบปฏิกิริยาดั้งเดิม
- Headless UI - ไลบรารีส่วนประกอบ UI
- Supabase (Postgres) - ฐานข้อมูล
- Prisma - ฐานข้อมูล ORM
- Axios - คำขอ API
- React Hook Form - การตรวจสอบแบบฟอร์ม
- ซอด - การตรวจสอบ
- Web3forms - การส่งแบบฟอร์ม
- SWR - การดึงข้อมูลระยะไกล
- Typescript - การตรวจสอบประเภท
- Vercel-โฮสติ้ง
มีส่วนร่วม
คุณสามารถมีส่วนร่วมได้ด้วยการส่งเทมเพลตด้วย!! สำหรับรายละเอียดเพิ่มเติม โปรดไปที่ https://pagely.site/templates
- โคลน repo นี้ →
git clone https://github.com/Lalit2005/pagely - ตั้งค่าตัวแปรสภาพแวดล้อมของพนักงานจากแดชบอร์ดของพนักงาน
- หมุนฐานข้อมูล Postgres ฟรีใน Supabase และรับ URL/สตริงการเชื่อมต่อ
- รับคีย์ API ของคุณจาก Imgbb ที่นี่ (เฉพาะในกรณีที่คุณมีส่วนร่วมในส่วนการอัพโหลดรูปภาพ)
- ติดตั้งการพึ่งพา→
yarn - เรียกใช้แอปบน localhost →
yarn dev - สร้างสาขาใหม่
- เมื่อเสร็จสิ้นคุณสมบัติใหม่หรือแก้ไขข้อบกพร่อง เพียงแค่เปิด PR :)
อย่าลืมใช้ การคอมมิตแบบเดิมๆ
- แก้ไข: <a bug> สำหรับการแก้ไขข้อบกพร่อง
- ความสำเร็จ: <คุณลักษณะใหม่> สำหรับคุณลักษณะใหม่
- ตัวสร้างโค้ด: <ตัวสร้างโค้ด ใหม่> สำหรับตัวสร้างโค้ดใหม่
- งานบ้าน: <bump lodash> สิ่งใดก็ตามที่เกี่ยวข้องกับขั้นตอนการสร้าง
- chore(deps): <bump lodash> สำหรับการอัปเดตการพึ่งพา
- chore(deps-dev): <bump vercel> สำหรับการอัปเดตการพึ่งพา dev
- style: <เพิ่มระยะขอบ> สำหรับสิ่งใดก็ตามที่เกี่ยวข้องกับสไตล์ของแอปพลิเคชัน
สนับสนุนฉัน ☕️
หากคุณต้องการสนับสนุนฉัน คุณสามารถดื่มกาแฟกับฉันได้ที่นี่ ?
