สร้างแอป Leaderboard บน Mobile ด้วย React Native Backend: Serverless Framework + Python on AWS Lambda Database: Upstash Redis 1. ทำไมต้อง Upstash Redis? Leaderboard ต้องการ: เก็บ User + Score เรียงลำดับตาม Score Query Top N, Rank, Range ได้เร็ว Redis Sorted Set (ZSET) ตอบโจทย์ทุกข้อ: O(lo
Remix** เป็น Full Stack React Framework ที่ผูก Frontend-Backend ใกล้ชิดผ่าน Data Loaders และ Form Actions บทความนี้สาธิตการสร้าง Feature Flag System ด้วย Upstash Redis Source Code: GitHub Repository 1. Setup Project npx create-remix@latest npm add --save-dev dotenv ไฟล์ .env (เพิ่มใน .gitignore)
Remix** เป็น Full Stack Framework ที่ให้ API จัดการ Session ได้ในตัว บทความนี้จะสอนใช้ **Upstash Redis** เป็น Session Store แทน File System Session คืออะไร? กลไกให้ Server และ Client แชร์ State/User Data เช่น Authentication State, Shopping Cart, Flash Messages Remix Docs: Session Documentation
ปัจจุบันยากที่จะจินตนาการโลก IT โดยไม่มีฐานข้อมูล Redis ใน แบบสำรวจนักพัฒนา Stackoverflow ปี 2021 ฐานข้อมูลในหน่วยความจำนี้ได้รับความนิยมมาก และถูกเลือกเป็นฐานข้อมูลที่นักพัฒนาชื่นชอบมากที่สุดโดยนักพัฒนากว่า 70,000 คน เนื่องจากเป็นฐานข้อมูลในหน่วยความจำ Redis ให้ประสิทธิภาพสูง เหมาะสำหรับสถานการณ์ที
Next.js เป็นเฟรมเวิร์ก Frontend ยอดนิยมที่รองรับ SSG, SSR, ISR และ NextAuth.js เป็นไลบรารี Authentication ที่รองรับ 50+ Providers (GitHub, Google, Facebook, Coinbase, ฯลฯ) ตอนนี้ Upstash Redis Adapter พร้อมใช้งานแล้ว! NextAuth Upstash Redis Adapter Adapter นี้ใช้ Upstash HTTP Client ทำงานได้กับ Ho
ในแอปมือถือ บางครั้งต้องส่งข้อมูล/เตือน/แนะนำให้ผู้ใช้โดยไม่ต้องอัปเดตโค้ดหรือปล่อย Release ใหม่ วิธีหนึ่งคือ In-App Announcements In-App Announcement คืออะไร? ข้อความที่ส่งถึงผู้ใช้ในแอปเพื่อ: ประกาศอัปเดต/Release ใหม่ แจ้งฟีเจอร์ใหม่ เฉลิมฉลองマイル스โตน (เช่น 1 ล้านผู้ใช้) ในตัวอย่างนี้เราจ
Next.js ช่วยสร้าง Full Stack App ด้วย SSR ได้ง่าย และ Vercel/Netlify รองรับ Serverless Functions สำหรับ Backend คำถามคือ: ฐานข้อมูลไหนเหมาะที่สุดสำหรับ Next.js? เกณฑ์สำคัญ 2 ประการ: Serverless Pricing: จ่ายตามการใช้งานจริง? ไม่ใช้ไม่ต้องจ่าย? Serverless Connections: รองรับ HTTP/REST API? (หลีก
Feedback จากผู้ใช้สำคัญต่อการตัดสินใจผลิตภัณฑ์ เราสร้าง Feedback Widget ที่เป็น React Component พร้อม Backend API บน Next.js เก็บข้อมูลลง Upstash Redis และจัดการดูผ่าน Upstash Console 1. การติดตั้ง npm install @upstash/feedback @upstash/redis เพิ่ม Component ใน pages/_app.js // pages/_app.js i
หากคุณใช้ Cloudflare Workers ทั้ง Upstash Global Redis และ Workers KV เป็นตัวเลือกที่น่าสนใจสำหรับเก็บข้อมูล บทความนี้จะเปรียบเทียบอย่างละเอียด 1. Feature Set (ความสามารถ) Feature Workers KV Upstash Redis Data Structures Key-Value เท่านั้น
Netlify เพิ่งเปิดตัวฟีเจอร์ใหม่ชื่อ Netlify Graph ช่วยให้นักพัฒนาสร้าง GraphQL API Calls สำหรับเว็บแอปได้ง่ายขึ้น หลังจากเตรียม Query ใน Dashboard แล้ว สามารถ Inject โค้ด Client เข้าโปรเจกต์ได้ในคลิกเดียว ปัญหา: Latency จาก Netlify Functions เมื่อใช้ Netlify Functions ร่วมกับบริการภายนอก (เช่น Spo
ในบทความนี้ เราจะสร้างแอปพลิเคชัน TODO แบบเต็มรูปแบบโดยใช้ Remix ร่วมกับ Serverless Redis (Upstash) เพื่อสาธิตความสามารถของ Full Stack Framework ที่ทันสมัย Remix เป็นเฟรมเวิร์ก Full Stack ที่เน้น User Interface และ Web Fundamentals ช่วยให้สร้างประสบการณ์ผู้ใช้ที่รวดเร็ว ลื่นไหล และทนทานได้ 1. สร
ในบทความนี้ เราจะสร้างแอปพลิเคชัน TODO แบบง่ายๆ โดยใช้ SvelteKit ร่วมกับ Serverless Redis (Upstash) เพื่อให้ได้แอปที่รวดเร็ว สามารถขยายตัวได้ และเหมาะสำหรับสภาพแวดล้อม Serverless SvelteKit เป็นเฟรมเวิร์กสำหรับสร้างแอปพลิเคชันเว็บทุกขนาด พร้อมประสบการณ์การพัฒนาที่ยอดเยี่ยม และระบบ Routing แบบ Files
วันนี้เราประกาศ @upstash/redis v1.0.0 @upstash/redis เป็น Redis Client แบบ Connectionless (HTTP-based) 唯一ตัวที่ออกแบบสำหรับ Serverless และเข้ากันได้กับ Cloudflare Workers และ Fastly อะไรใหม่ใน v1.0.0? Version 1.0.0 เป็น Complete Rewrite ของ Library ก่อนหน้า Feature Requests ใหญ่ที่สุดที่ได้รับคือ
พัฒนา Website/Web App ไม่ควรใช้เวลาชั่วโมงแค่ Speed Optimization ปัญหาคือ Fast Website สำคัญมาก Performance บ่อยครั้งเป็น Deciding Factor สำหรับ Success Web Frameworks เช่น Remix Run สร้างขึ้นเพื่อ Optimize Web Performance พร้อม Configuration น้อยที่สุด (Zero-config) ตอนนี้มี Frameworks โหลดช่วยให้
Render เป็น Infrastructure Platform อันทรงพลัง ให้ Instant Deploys และ Autoscaling รวมถึงฟีเจอร์อื่นๆ วันนี้เราจะสร้าง Next.js Application ง่ายๆ กับ Upstash และ Deploy บน Render NOTE: Tutorial นี้สมมติว่าคุณตั้งค่า Redis Instance บน Upstash แล้ว หากยัง ไปที่ Upstash Console Getting Started สร้าง N
บางครั้งการสร้าง Reminders สำหรับ Annual Events เป็นวิธีดีที่สุดกันไม่ให้ลืมและพลาดวันสำคัญ ถ้าคุณและทีม/เพื่อนใช้ Slack การทำให้ Reminders อัตโนมัติผ่าน Slackbots เป็นไอเดียดี ขณะทำเช่นนั้น หากต้องการ Slackbot ที่ Low Maintenance (ดูแลน้อย) ควรใช้ Serverless Technologies สำหรับ Concurrent Interac
Blitz.js เป็น React Framework ที่ Fork มาจาก Next.js วันนี้เราจะสร้าง Blitz.js To-Do Application ที่เก็บ Tasks ใน Upstash เริ่มเลย! Setup ต้องติดตั้ง Blitz.js บนคอมพิวเตอร์ก่อน NPM: npm install -g blitz --legacy-peer-deps Yarn: yarn global add blitz สร้าง Blitz.js App ใหม่ด้วย blitz new และ cd เ
นับตั้งแต่ Release ครั้งแรกปีที่แล้ว Upstash เข้ากันได้กับ Redis® API จนถึง Version 5 ใคร่ของเราขาด Commands เช่น GETDEL, LMOVE, COPY และ Features เช่น ACL ที่ Introduced ใน Redis 6 (และ 6.2) ยินดีประกาศว่า Upstash Redis Databases ตอนนี้เข้ากันได้กับ Redis Commands จนถึง Version 6.2 ACL Feature กั
การส่งมอบโปรเจกต์ทันเวลามักหมายถึงการใช้ประโยชน์จากเทคโนโลยีที่มีอยู่ให้มากที่สุด ทุกการตัดสินใจที่นำไปสู่ Custom Implementation ต้องคิดว่าคุณต้อง Maintain โซลูชันของตัวเองด้วย นี่คือเหตุผลที่ Open-source Tools เช่น Strapi จึงเป็นทางเลือกสำหรับการสร้าง REST API โปรเจกต์ถัดไป Strapi เป็น Headless CM
Fly.io เป็น Platform ยอดเยี่ยมที่กระจาย Application ได้ทั่วโลก เมื่อ Application เป็น Global ข้อมูลก็ต้องเป็น Global คุณสามารถรัน Regular Redis เป็น Fly.io App แต่ปัญหาคืออยู่ Single Region ส่วน Upstash Redis Global Database เหมาะกับ Fly.io เพราะ Replicated ทั่วโลก นอกจากนี้ด้วย REST-based SDK ไม่มี
