Laststance.io

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:

1. Prompt you for a post title
2. Prompt you for a description
3. Generate a new MDX file with the correct frontmatter
4. 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