Espresso – NextJs Shadcn Admin Template

คำอธิบาย

Introduction

Espresso คือแอดมินเทมเพลตที่สร้างบนเฟรมเวิร์ค (React) Next.js และใช้ components ของ shadcn/ui ออกแบบตามพิมพ์นิยมสมัยใหม่โดยใช้ TailwindCSS เป็นหลัก คำนึงถึง UI/UX  สวยงามและง่ายต่อการใช้งานจริง Responsive รองรับทุกขนาดหน้าจอการแสดงผล เหมาะสำหรับการสร้างแอพพลิเคชั่น แดชบอร์ด รวมไปถึงระบบแอดมินต่างๆ

มี layout ให้เลือก 2 แบบคือ Vertical layout (เมนูด้านข้าง) และ Horizontal layout (เมนูด้านบน) รองรับ Dark mode และ RTL (right to left) ในภาษาที่ต้องการอ่านจากขวาไปซ้าย ยูสเซอร์สามารถเปลี่ยนสีธีมและออฟชั่นบนแอพพลิเคชั่นได้เอง โดยไม่ต้องปรับแต่งโค้ดใดๆ

For Featured Apps

เนื่องจากเทมเพลตนี้เน้นการทำด้าน Frontend ดังนั้นแอพพลิเคชั่นตัวอย่างที่มี ไม่ได้ทำการเชื่อมต่อกับดาต้าเบสโดยตรง แต่จะใช้ความสามารถของ React แทน ซึ่งจะมีบางส่วนที่ใช้เลือกใช้ Fake API (dummy data) เพื่อประกอบเป็นตัวอย่างการแสดงผล

ตัวอย่างแอพพลิเคชั่น

• Email
• Full Calendar
• Todo
• All Ecommerce

 

Key Features

• NextJs (app-router / typescript) 14.2.14
• NodeJs 18.0.0
• TailwindCSS
• Shadcn/ui (based on radix-ui/primitives)
• No JQuery
• Friendly Folder Structure and Code
• Darkmode with RTL supported
• Multiple theme colors
• All Responsive design
• Support CSS variables
• Lifetime Updates
• More templates and components in futured

 

Live Demo

https://espresso-shadcn-admin.vercel.app

Online Document

https://espresso-docs.vercel.app

 

Screenshot