Astro Site for Markkëts

[de.markket.place] is an open source platform for simple websites, ecommerce & newsletters

This template allows you to build a static site, that is easy to deploy for free

Easily deploy new versions after tweaking your content in the dashboard, rollback and manage your online presence like a pro

Use this template to get started

The template will fail to deploy if there are build errors, so you can make any changes with confidence

Easily run in your computer, to preview changes & create new extensions

view demo

Sign up to de.markket.place or

self-host the markket strapi api

&

self-host the markket next api

Astro Starter Kit: Basics

npm create astro@latest -- --template basics

🧑‍🚀 Seasoned astronaut? Delete this file. Have fun!

🚀 Project Structure

Inside of your Astro project, you'll see the following folders and files:

/
├── public/
│   └── favicon.svg
├── src/
│   ├── layouts/
│   │   └── Layout.astro
│   └── pages/
│       └── index.astro
└── package.json

To learn more about the folder structure of an Astro project, refer to our guide on project structure.

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
npm install	Installs dependencies
npm run dev	Starts local dev server at localhost:4321
npm run build	Build your production site to ./dist/
npm run preview	Preview your build locally, before deploying
npm run astro ...	Run CLI commands like astro add, astro check
npm run astro -- --help	Get help using the Astro CLI

👀 Want to learn more?

Feel free to check our documentation or jump into our Discord server.

Environment Variables

env.d.ts

interface ImportMetaEnv {
  /** Strapi REST Endpoint  */
  readonly STRAPI_URL: string;
  /** Markket API URL for REST requests */
  readonly MARKKET_URL: string;
  /** For external links to a markketplace instance  | for unsupported features */
  readonly MARKKETPLACE_URL: string;
  /** Identifier to render all the store content during build */
  readonly STORE_SLUG: string;
}

To access the values on your code, use the { markketplace } import at src/config

export const markketplace = {
  api: import.meta.env.STRAPI_URL || 'https://api.markket.place',
  markket: import.meta.env.MARKKET_URL || 'https://de.markket.place',
  store_slug: import.meta.env.STORE_SLUG || 'dev',
  markketplace: import.meta.env.MARKKETPLACE_URL || 'https://dev.markket.place',
  posthog_id: import.meta.env.POSTHOG_KEY || '',
};

Additional imports

@tabler/icons-react

5880 pixel-perfect icons for web design Free and open source icons designed to make your website or app attractive, visually consistent and simply beautiful.

icon library