https://github.com/siddhsuresh/siddharthcodes

My Personal Website and Blog
https://github.com/siddhsuresh/siddharthcodes

astro gsap react solid tailwindcss threejs

Last synced: 5 days ago
JSON representation

My Personal Website and Blog

• Host: GitHub
• URL: https://github.com/siddhsuresh/siddharthcodes
• Owner: siddhsuresh
• Created: 2023-12-23T08:26:09.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-07-01T20:12:51.000Z (4 months ago)
• Last Synced: 2024-10-26T14:18:00.633Z (12 days ago)
• Topics: astro, gsap, react, solid, tailwindcss, threejs
• Language: TypeScript
• Homepage: http://siddharth.codes
• Size: 29.7 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 13
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# zaduma

_an [Astro] starter template for understated personal websites_

**Built with:**

- [SolidJS]

- [MDX], [Remark] and [Unified]

- [Shiki Twoslash][shiki-twoslash]

- [Tailwind CSS][tailwind-css]

- Vercel and [Vercel OG][vercel-og]

- [GitHub Actions][github-actions]

[astro]: https://astro.build/

[solidjs]: https://www.solidjs.com/

[mdx]: https://mdxjs.com/

[remark]: https://github.com/remarkjs/remark

[unified]: https://unifiedjs.com/

[shiki-twoslash]: https://github.com/shikijs/twoslash

[tailwind-css]: https://tailwindcss.com/

[vercel-og]:

  https://vercel.com/blog/introducing-vercel-og-image-generation-fast-dynamic-social-card-images

[github-actions]: https://github.com/features/actions

## 🏎️ Usage TLDR

1. Click Use this template to create a new repo.

2. Set [`VERCEL_TOKEN`], `VERCEL_PROJECT_ID`, and [`VERCEL_ORG_ID`] secrets to

   deploy to Vercel from GHA (enables access to git history).

3. Add `OG_IMAGE_SECRET` to secure your OG image endpoint.

_[See full usage instructions.](#-usage)_

## 🏛 Project Structure

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




├── posts/

│   └── rebuilding-a-blog.mdx — posts written in MDX

├── public/ — static assets apart from images

├── src/

│   ├── build-time/* — remark plugins

│   ├── global-styles/* — fonts, body and prose styles

│   ├── layouts/

│   │   ├── BaseLayout.astro — UI shared between all pages

│   │   └── PostLayout.astro — layout for all posts

│   ├── lib/* — reusable utils and UI components

│   ├── images/* — pictures (need to be here to be optimized by Astro Image)

│   ├── pages/

│   │   ├── [path].astro — Astro dynamic route for posts, supplies MDX components

│   │   └── index.astro — index page, lists all posts

│   ├── env.d.ts

│   └── types.ts

├── astro.config.ts

├── package.json

├── postcss.config.cjs

├── tailwind.config.cjs — Tailwind config, colors, fonts

└── tsconfig.json





## 🧞 Commands

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

| Command                 | Action                                           |

| :---------------------- | :----------------------------------------------- |

| `pnpm install`          | Installs dependencies                            |

| `pnpm run dev`          | Starts local dev server at `localhost:3000`      |

| `pnpm run build`        | Build your production site to `./dist/`          |

| `pnpm run preview`      | Preview your build locally, before deploying     |

| `pnpm run astro ...`    | Run CLI commands like `astro add`, `astro check` |

| `pnpm run astro --help` | Get help using the Astro CLI                     |

## 👌 Usage

1. Click Use this template to create a new repo.

2. Clone the repository, install with `pnpm install` and run with `pnpm dev`.

3. Style it and personalize however you like 💅

4. Set [`VERCEL_TOKEN`], `VERCEL_PROJECT_ID`, and [`VERCEL_ORG_ID`] secrets to

   deploy to Vercel from GHA (what enables access to git history).

   ([_Settings→Secrets_](https://github.com/hasparus/zaduma/settings/secrets/actions))

   - Alternatively — if all your blog posts have a `date` in frontmatter, you

     don't need to deploy through _workflows/ci.yml_. Feel free to remove the

     deploy steps from the YML file and connect Vercel/Netlify integration. Go

     to `derivedTitleAndDatePlugin` function and remove `execSync("git log")`

     from it. (TODO: Can we make it more convenient?)

5. Generate a passphrase for `OG_IMAGE_SECRET` to secure your OG image endpoint,

   and add it to

   [Actions Secrets](<(https://github.com/hasparus/zaduma/settings/secrets/actions)>).

[`vercel_token`]: https://vercel.com/account/tokens

[`vercel_org_id`]: https://vercel.com/account#your-id