This set of Prototypes demonstrate upstream usage of Octuple implementations. Octuple creates a shared language and visual consistency across different pages and channels. It represents a collection of assets, utilities, and React components for building web applications.

• Design and development work may be created and replicated quickly at scale.
• Alleviates strain on design resources to focus on larger, more complex problems.
• Creates a unified language within and between cross-functional teams.
• Creates visual consistency across products, channels, and potentially siloed departments.
• Serves as an educational tool and reference for designers and content contributors.

Visit the Octuple Storybook site.

• 🎉 Next.js 13 (with App Directory).
• ⚛️ React 18.
• ✨ TypeScript.
• 💨 Tailwind CSS 3 - Pre-setup with PostCSS Nesting and Import.
• 👀 SVGR - Pre-Configured import SVG directly transform to React Component with type definitions
• 📈 Path Alias - Import your module in src using @/ prefix, and in public using #/.
• 📏 ESLint - Find and fix problems in your code.
• 🐶 Husky - Run scripts on your staged files before they are committed.
• 📦 Monorepo with Turborepo - If you want to setup this template in Monorepo project, you can visit fullstack-next-template-turbo

This is a Next.js project bootstrapped with create-next-app.

First, run the development server:

yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing pages by modifying app/page.tsx. The page auto-updates as you edit the file.

API routes with Route handlers can be accessed on http://localhost:3000/api/mockdata. This endpoint can be edited in app/api/mockdata/route.ts.

• Install Tailwind CSS intellisense
• Enable CSS module auto-completion

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

MIT (c) 2024 Eightfold