Cook

Theme by Engageintellect

|

Updated: 25 Nov 2024

|

95 Stars

An ultra-modern, visually-rich, bento ui using Next.js, PocketBase, shadcd/ui, tailwind css, magic-ui, and zod.

Categories

Overview

cookDescription is an ultra-modern, bento-box styled portfolio landing page designed for developers, designers, and other creatives. It can be deployed with Vercel, and the project is focused on achieving high Lighthouse scores. The technologies used include next.js, magic-ui, shadcn/ui, tailwind css, zod, pocketbase, react-hook-form, the GitHub public API, vercel, and umami analytics.

Features

• Modern Design: Bento-box styled layout for a contemporary look.
• High Performance: Current Lighthouse scores show 98% for performance.
• Accessibility: Achieves a perfect score of 100% for accessibility.
• Best Practices: Maintains a perfect score of 100% for best practices.
• SEO: Scores 100% in SEO standards.
• Technologically Advanced: Uses next.js, tailwind css, zod for schema validation, and more.
• Integration with GitHub API: Access public GitHub repo, star, and user image data.
• Easy Deployment: Can be easily deployed with Vercel.

Installation

• Pocketbase Setup:
  1. Download the latest release of Pocketbase from its GitHub releases page.
  2. Access the Pocketbase dashboard at http://localhost:8080.
  3. Import the schema from the /pb/pb_schema.json file in the root repository using the “import collections” tab.
• Client Setup:
  1. Additional steps might be included in the documentation.

Summary

cookDescription is a cutting-edge portfolio landing page catered towards developers, designers, and creatives. It boasts a modern design, high performance, accessibility, adherence to best practices, and strong SEO. With its integration of various advanced technologies and easy deployment options, cookDescription provides a solid foundation for showcasing professional work.