The Laststance.io website built using Tailwind UI, Tailwind CSS and Next.js.
First, Node@22.x.x required and install the dependencies with pnpm:
pnpm installNext, create a .env.local file in the root of your project and set the NEXT_PUBLIC_SITE_URL and variable to your site's public URL.
And set the PERSONAL_ACCESS_TOKEN and github personal access token created by your Github account.
NEXT_PUBLIC_SITE_URL=https://example.com
PERSONAL_ACCESS_TOKEN=ghp_i{|i$AY%kt&)>p$Y@7:C[KC$anpxfJ
Next, run the development server:
pnpm devFinally, open http://localhost:3000 in your browser to view the website.
You can easily generate a new blog post template using the built-in script:
pnpm genThis 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
This site template is a commercial product and is licensed under the Tailwind UI license.
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