Laststance.io

The Laststance.io website built using Tailwind UI, Tailwind CSS and Next.js.

Getting started

First, Node@22.x.x 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.

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