https://github.com/nickersoft/resx-landing
https://github.com/nickersoft/resx-landing
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/nickersoft/resx-landing
- Owner: Nickersoft
- Created: 2025-09-03T22:19:39.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-10-06T16:05:15.000Z (9 months ago)
- Last Synced: 2025-10-06T18:17:02.765Z (9 months ago)
- Language: Astro
- Homepage: https://resx-landing.vercel.app
- Size: 26.1 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Kojo's Marketing Site Starter Kit
This repository contains everything you need to start and maintain a SEO-ready, performance-optimized marketing website you can customize to your hearts desire!
To get started, simply hit the "Use This Template" button on this repo to start your own project with this boilerplate.
## What's Inside
### Building Blocks
- 📦 **[PNPM](https://pnpm.io)** for package management, as it's much faster and more performant than NPM. You can enable it via corepack via `corepack enable`.
- 🚀 **[Astro](https://astro.build)**, a framework for creating highly-versatile and high-performance webpages. It comes packed with a boatload of features such as partial hydration, content collections, and server endpoints. [See here](https://docs.astro.build/en/concepts/why-astro/) for more.
- ⚛️ **[React](https://react.dev)** for creating interactive component islands that leverage React's booming ecosystem.
- 👷 **[TypeScript](https://www.typescriptlang.org/)** for writing type-safe, maintainable code.
### UI & Styling
- 🪁 **[Tailwind CSS](https://tailwindcss.com)** for modular, consistent CSS styling. Includes plugins such as [tailwindcss-typography](https://github.com/tailwindlabs/tailwindcss-typography) and [tailwindcss-animate](https://github.com/jamiebuilds/tailwindcss-animate).
- 🔠 **[Fontsource](https://fontsource.org/)** for loading custom fonts. These can be preloaded via the `preload` prop of [`BaseLayout`](src/layouts/BaseLayout.astro).
- 📥 **[shadcn-ui](https://ui.shadcn.com/)** for rapidly adding pre-configured UI components to your website.
- 🦄 **[unplugin-icons](https://github.com/unplugin/unplugin-icons)** for easily inlining thousands of on-demand icons in Astro and React components.
- ⚒️ Custom component primitives such as [Typography](src/components/ui/Typography.tsx) and [Stack](src/components/ui/Stack.tsx).
### Animations
- 🚥 **[Rive](https://rive.app)** for embedding performant, interactive animations on your site.
- 🏃 **[Motion](https://motion.dev)** (formerly Framer Motion) for creating realistic spring animations in JavaScript.
### Developer Experience
- 📝 **[biome](biomejs.dev)** for lightning-fast linting in JavaScript and TypeScript (written in Rust)
- 🎨 **[Prettier](prettier.io)** for opinionated formatting (only used because Biome's HTML formatting is [incomplete](https://biomejs.dev/internals/language-support/)).
- 🐶 **[Husky](https://github.com/typicode/husky)** with **[lint-staged](https://github.com/lint-staged/lint-staged)** to automatically run linting on new commits.
## Guides
- [Best Practices](docs/best-practices.md)
- [Creating UI components](docs/shadcn.md)
- [Adding new Tailwind colors](docs/tailwind.md)
- [Using custom fonts](docs/fonts.md)
- [Using icons & SVGs](docs/icons.md)
- [Using Motion](docs/motion.md)
- [Using Rive](docs/rive.md)
### Using Astro
- [Adding Images in Astro](https://docs.astro.build/en/guides/images)
- [Using Astro Content Collections](https://docs.astro.build/en/guides/content-collections/) (useful for blogs and articles)