This is a simple UI to explore XKCD strips - https://xkcd.com. It is built using Next.js and TypeScript. Demo: https://xkcd-comics-next-js.vercel.app/
Supported features:
/
/comics/[id]
/comics
will redirect to /comics/[last_id]
/api/comics
, /api/comics/[id]
, /api/comics/batch/[id]
/comics/[id]
, and revalidate
every 1 day /comics/[last_id]
Requirements:
Everything you need to build a Svelte project, powered by create-svelte
.
If you're seeing this, you've probably already done this step. Congrats!
# install BunJS runtime if you haven't already
curl -fsSL https://bun.sh/install | bash
# Add BunJS to your shell profile
exec /bin/zsh
# Verify that BunJS is installed
bun --help
# create a new project in the current directory
bun create svelte@latest
# create a new project in my-app
bun create svelte@latest XKCD-Comics-Svelte-Kit
Once you've created a project and installed dependencies with bun install
(or npm install
or pnpm install
or yarn
), start a development server:
bun install
bun run dev
# or start the server and open the app in a new browser tab
bun run dev -- --open
To create a production version of your app:
bun run build
You can preview the production build with npm run preview
.
To deploy your app, you may need to install an adapter for your target environment.