precedent

Präzedenzfall

Bausteine ​​für Ihr nächstes Projekt

Einführung · Ein-Klick-Bereitstellung · Tech Stack + Funktionen · Autor

Einführung

Präzedenzfälle sind eine Meinung von Komponenten, Haken und Versorgungsunternehmen für Ihr nächstes.js -Projekt.

One-Click-Bereitstellung

Sie können diese Vorlage mit der folgenden Schaltfläche für Vercel bereitstellen:

Sie können dieses Repo auch lokal mit dem folgenden Befehl klonen und erstellen:

npx create-next-app precedent --example " https://github.com/steven-tey/precedent "

Installieren Sie dann die Abhängigkeiten mit Ihrem Paketmanager Ihrer Wahl:

npm i
yarn
pnpm i

Tech Stack + Funktionen

Präzedenzfall-Demo.mp4

Frameworks

• Next.js - React Framework zum Aufbau von Performanten -Apps mit der besten Entwicklererfahrung
• Angestellter - eine umfassende User Management -Plattform mit wunderschön gestalteten Drop -In -React -Komponenten

Plattformen

• Vercel - Einfach Vorschau und Bereitstellung von Änderungen mit Git

Ui

• Tailwind CSS-Utility-First CSS-Framework für schnelle UI-Entwicklung
• Radix - Primitive wie Modal, Popover usw., um eine hervorragende Benutzererfahrung zu erstellen
• Framer Motion - Bewegungsbibliothek für die Reaktion auf animierte Komponenten mühelos
• Lucide-Wunderschön einfache Pixel-perfekte Symbole
• next/font - Optimieren Sie benutzerdefinierte Schriftarten und entfernen Sie externe Netzwerkanforderungen für eine verbesserte Leistung
• ImageResponse - Generieren Sie dynamische Bilder mit offener Graph am Rande

Haken und Dienstprogramme

• useIntersectionObserver - reagieren
• useLocalStorage - Bestehen Sie Daten im lokalen Speicher des Browsers an
• useScroll - reagieren Sie Hook, um die Scroll -Position zu beobachten (Beispiel)
• nFormatter - Formatnummern mit Suffixe wie 1.2k oder 1.2M
• capitalize - Kapitalisieren Sie den ersten Brief einer Zeichenfolge
• truncate - eine Zeichenfolge auf eine bestimmte Länge abschneiden
• use-debounce -Entdecken Sie ein Funktionsaufruf / Status-Update

Codequalität

• TypeScript-statischer Typ-Checker für End-to-End-Typensicherheit
• Schöner - Meinungscode -Formatierer für einen konsistenten Codestil
• Eslint - steckbarer Linter für Next.js und Typenkript

Verschiedenes

• Vercel Analytics-Geben Sie einzigartige Besucher, Seitenaufrufe und vielmehr auf Privatsphäre-freundlicher Weise an

Autor

• Steven Tey (@steventey)