https://github.com/1msirius/site

My personal site, built with Next.js, Vercel, and Tailwind CSS.
https://github.com/1msirius/site

blog personal-website portfolio

Last synced: 3 days ago
JSON representation

My personal site, built with Next.js, Vercel, and Tailwind CSS.

• Host: GitHub
• URL: https://github.com/1msirius/site
• Owner: 1msirius
• License: mit
• Created: 2024-07-24T16:35:17.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-10-09T22:08:43.000Z (3 months ago)
• Last Synced: 2024-11-10T04:28:11.572Z (2 months ago)
• Topics: blog, personal-website, portfolio
• Language: TypeScript
• Homepage: https://imsirius.xyz
• Size: 559 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Sirius

This is my personal site, built with Next.js, Vercel, and Tailwind CSS using the [Nextfolio template](https://github.com/1msirius/Nextfolio).

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2F1msirius%2FNextfolio)

## Technologies Used

- Framework: [Next.js](https://nextjs.org/)

- Typography: [Vercel Geist Font](https://vercel.com/font)

- Styling: [Tailwind CSS](https://tailwindcss.com/)

- Analytics: [Vercel Web Analytics](https://vercel.com/docs/speed-insights) and [Speed Insights](https://vercel.com/docs/speed-insights)

- Deployment: [Vercel](https://vercel.com/)

## Features

- **[MDX](https://mdxjs.com/) Support**: Use Markdown with JSX components for blog posts.

- **Light and Dark Mode Toggle**: Switch between themes for better readability.

- **Dynamic [OG Images](https://vercel.com/docs/functions/og-image-generation)**: Auto-generate Open Graph images for sharing.

- **SEO Optimization**: Enhance search visibility with sitemap, robots.txt, and JSON-LD schema.

- **Dynamic Feed Generation**: Automatic dynamic [RSS](https://www.imsirius.xyz/rss), [Atom](https://www.imsirius.xyz/atom), and [JSON](https://www.imsirius.xyz/json) feeds.

- **[KaTeX](https://katex.org/) Integration**: Render mathematical expressions smoothly.

- **Performance Tracking**: Monitor web performance with [Vercel Web Analytics](https://vercel.com/docs/speed-insights) and [Speed Insights](https://vercel.com/docs/speed-insights).

- **Interactive Embeds**: Easily embed interactive tweets and YouTube videos.

- **Captions**: Add descriptive captions to photos, tweets, and videos.

- **Image Grid**: Easily showcase image galleries or photos.

## Installation

Nextfolio uses [pnpm](https://pnpm.io/installation) for dependency management, so ensure it is installed on your system.

Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [pnpm](https://pnpm.io/installation) to bootstrap the example:

```

pnpm create next-app --example https://github.com/1msirius/Site imsirius

```

Start the development server:

```

pnpm dev

```

The server will be running at [http://localhost:3000](http://localhost:3000).

## Configuration

1. Update the site metadata and social links in `app/config.ts` to set up SEO, feeds, social links, and Open Graph settings.

2. Update your routes in `app/sitemap.ts` for SEO optimization.

3. Update your blog posts in the `/content` folder.

## Licence

MIT License.