The Laststance.io website built using Tailwind UI, Tailwind CSS and Next.js.
Getting started
First, [email protected] required and install the dependencies with pnpm:
pnpm install
Next, create a .env.local file in the root of your project and set NEXT_PUBLIC_SITE_URL to your site's public URL.
NEXT_PUBLIC_SITE_URL=https://example.com
Next, run the development server:
pnpm dev
Finally, open http://localhost:3000 in your browser to view the website.
Local build credentials with 1Password
pnpm build and pnpm analyze resolve SENTRY_AUTH_TOKEN using op run.
Keep .env.sentry.1password ignored and store only a reference in it:
SENTRY_AUTH_TOKEN="op://vault/item/field"
Install 1Password CLI and enable its desktop integration. Remove the plaintext
token from .env.sentry-build-plugin after verifying the reference. Explicit
values take precedence; SENTRY_AUTH_TOKEN="" pnpm build intentionally disables
source-map uploads. CI and Vercel use their injected environment without requiring
local 1Password access. pnpm dev and pnpm start do not need the build-only token.
Creating New Blog Posts
You can easily generate a new blog post template using the built-in script:
pnpm gen
This interactive CLI tool will:
- Prompt you for a post title
- Prompt you for a description
- Generate a new MDX file with the correct frontmatter
- Create the appropriate directory in
src/app/articles/
The script automatically:
- Uses the current date (JST timezone)
- Creates a URL-friendly folder name based on the title
- Sets up the proper article layout and metadata
Design Language
The visual system — color tokens, typography scale, spacing grid, motion patterns, and editorial voice — is documented in DESIGN.md. It surfaces decisions already baked into src/lib/design-tokens.ts and the component primitives in src/components/ui/primitives/.
License
This site template is a commercial product and is licensed under the Tailwind UI license.
Learn more
To learn more about the technologies used in this site template, see the following resources:
- Tailwind CSS - the official Tailwind CSS documentation
- Next.js - the official Next.js documentation
- Headless UI - the official Headless UI documentation
- MDX - the MDX documentation
