vanilla-stack starter

This is a Next.js web starter template for personal use.

Starter contains an example website template. The template is
rebuilt from scratch and based on the Tailwind UI's template "Salient".

What's inside?

This monorepo is managed by Turborepo and npm. It includes the following packages/apps:

Apps and Packages

• web: a Next.js app with Storybook and vanilla-extract integrations
• eslint-config-custom: eslint configurations (includes eslint-config-next and eslint-config-prettier)
• tsconfig: tsconfig.jsons used throughout the monorepo

Each package/app is 100% TypeScript.

Utilities

This turborepo has some additional tools already setup for you:

• TypeScript for static type checking
• ESLint for code linting
• Prettier for code formatting

Bootstrap template

To bootstrap the app with this template, run the following command:

npx create-next-app@latest -e [github-url]

Develop

To develop, run the following command:

# for next app
npm run dev
# for storybook
npm run storybook

Build

To build all apps and packages, run the following command:

npm run build

Learn more about Next.js

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.

Other useful links

Integration docs

• Storybook Docs
• vanilla-extract Docs

Design concepts inspired by

• Shopify Polaris
• Material Design 3
• Open Props
• Utopia Fluid Responsive Design

---

No confusing license here. Be kind and help others learn.
You are free to use this code as inspiration. Please do not copy it directly. Crediting the author or resource is appreciated.