KO
|
EN
gitlite — search
Search
#typescript
#ai-agents
#ai
#dsh-plugin
#deepseek-harness
#open-source
#claude-code
#codex
#cli
#developer-tools
#react
#windows
klinger-io
★ 73
Open GitHub ↗
No description available.
Download README (.md)
Explore Similar Repositories
Kling-Foley
:
Kling-Foley: Multimodal Diffusion Transformer for High-Quality Video-to-Audio Generation
aiiai-api
:
基于one-api和new-api，增加luma、runway、kling等模型支持，增加微信支付。
django-klingon
:
An app that allows you to translate anything in any language, even klingon ;)
klingar
:
android music player for plex
seedance2.0-rehber
:
Seedance 2.0 multishot prompting rehberi (Türkçe) — prompt template, anti-patterns, storyboard workflow, Kling karşılaştırması ve daha fazlası
// repository documentation
Was this content helpful?
★ 0
(0 ratings)
Select Rating:
★
★
★
★
★
Submit Feedback
Recent Feedback
×
Download README
Do you want to download the
README.md
file for
klinger-io
?
Download (.md)
# Blog of Andreas Klinger In this repository you will find the source code for [klinger.io](https://klinger.io/). ## Techstack It is a markdown based blog developed with [React](https://reactjs.org/), [Next](https://nextjs.org/), [Tailwind CSS](https://tailwindcss.com/) and [TypeScript](https://www.typescriptlang.org/). The site is statically hosted on [Firebase](https://firebase.google.com/) and uses the Realtime Database to capture and display the current views of each blog post. ## Getting started Step 1: Clone repository ```bash git clone git@github.com:andreasklinger/klinger-io.git ``` Step 2: Install dependencies ```bash pnpm install ``` Step 3: Start development server ```bash pnpm dev ``` ## Deployment Changes to the "main" branch that are added to the GitHub repository result in an automatic deployment of a static version on Firebase Hosting. Therefore, it is not necessary to update the website manually. If a circumstance requires manual deployment, perform the following steps: Step 1: Create production build ```bash pnpm build ``` Step 2: Deploy via Firebase ```bash pnpm deploy ``` > For this, the Firebase CLI must be installed globally (`npm install -g firebase-tools`) and it is required that you log in through it (`firebase login`). Furthermore, you need the necessary project permissions for the deployment. ## Add blog post New blog posts can be added directly via the GitHub website. Step 1: Open [/posts](https://github.com/andreasklinger/klinger-io/tree/main/posts) directory Step 2: Click on "Add file" in upper right corner Step 3: Open [sluggenerator](https://www.slugenerator.com/) and convert title of post to a slug, which you then use with file extension ".mdx" as filename Step 4: Insert following header into file and replace placeholders ```mdx --- title: 'Title' publishedAt: 'YYYY-MM-DD' summary: 'Summary (max. 160 characters)' --- ``` > To make a post stand out, you can add a tag that will be displayed on the overview page. For example: `tag: '🚀 Popular'` Step 5: Add content as markdown to file > Since it is a .mdx file, React elements (HTML) can be added between the markdown as JSX. ## Add image to post Follow these steps to add a new image to a blog post that is not from an external source. In this way, the image is automatically saved in different quality levels during the building process to reduce network traffic. Step 1: Add your image to [/public/images](https://github.com/andreasklinger/klinger-io/tree/main/public/images) Step 2: Use the image as follows ```mdx <Image src="your-image.jpg" alt="Your image description" /> ``` > The `<Image />` component does not need to be imported, but can be inserted directly between the markdown code. It is important to pass only the file name to the src attribute. The path to the `/public/images` directory is automatically resolved.
