(new Date());
return (
);
}
```
--------------------------------
### Render Deployment Steps for IndieKit Pro
Source: https://docs.indiekit.pro/deployment
This snippet details the deployment process for IndieKit Pro projects on Render. It covers account creation, GitHub connection, repository selection, environment variable setup, and the final deployment click. Render is highlighted as a cost-effective option for bootstrappers.
```text
Deployment steps:
1. Create account
2. Connect GitHub β Authorize repository access
3. Select repository β Choose your Indie Kit project
4. Add environment variables β Copy from .env.local
5. Deploy! β Click deploy and you're live! π
Need help? The creator is super helpful! Contact them via:
π§ Email from their website
π¬ Discord community
```
--------------------------------
### DKIM DNS Record Example
Source: https://context7_llms
An example of a DKIM DNS TXT record, used to verify the authenticity of emails sent from a domain. This record contains the public key used for signature verification.
```txt
selector._domainkey.yourdomain.com TXT "v=DKIM1; k=rsa; p=MIGfMA0GCSqGSIb3DQEBAQUAA4..."
```
--------------------------------
### Basic Route Handler: GET Request
Source: https://nextjs.org/docs/app/building-your-application/routing/route-handlers
This snippet demonstrates a simple GET request handler that returns a JSON response. It uses the `Response.json()` method for creating the response. This is a fundamental example for setting up a basic API endpoint.
```typescript
export async function GET() {
return Response.json({ message: 'Hello World' })
}
```
--------------------------------
### HTTP GET Method Implementation
Source: https://context7_llms
Implements the HTTP GET method for fetching data from a database. This server-side function retrieves data and returns it as a JSON response using NextResponse.json. It assumes the existence of a fetchFromDatabase function.
```tsx
export async function GET() {
const data = await fetchFromDatabase()
return NextResponse.json(data)
}
```
--------------------------------
### Initialize Fumadocs App
Source: https://fumadocs.vercel.app/
Command to initialize a new Fumadocs documentation project. It prompts for project name and content source.
```bash
npm create fumadocs-app β Project nameβ my-appββ Choose a content sourceβ β Fumadocs MDXβ β Content Collections
```
--------------------------------
### React Server Component Example with Authentication
Source: https://docs.indiekit.pro/setup/auth/user-authentication
An example illustrating how to use authentication checks within React Server Components. This pattern helps in rendering content conditionally based on user authentication status.
```javascript
import { getSession } from "@auth0/nextjs-auth0";
export default async function ServerSideComponent() {
const session = await getSession();
if (!session || !session.user) {
// Render a login prompt or redirect
return Please log in to view this content.
;
}
// Render authenticated content
return (
Welcome, {session.user.name}!
{/* ... protected content ... */}
);
}
```
--------------------------------
### Run Authentication Setup Command
Source: https://docs.indiekit.pro/setup/auth
This snippet provides the command to execute for setting up authentication in Indiekit Pro LLMs. Ensure environment variables are correctly configured before running this command.
```bash
Your authentication setup command here.
```
--------------------------------
### Implementing Optimistic Updates for Instant UI Feedback
Source: https://context7_llms
Provides a concise example of implementing optimistic updates to make the user interface feel instantaneous. It shows the pattern of updating the UI first, then performing the asynchronous API call, and finally revalidating the data.
```tsx
// Update UI first
mutate('/api/todos', [...todos, newTodo], false)
// Then make API call
await createTodo(newTodo)
// Finally revalidate
mutate('/api/todos')
```
--------------------------------
### Copy Component Example (Shell)
Source: https://docs.indiekit.pro/customisation/installed-components
This snippet demonstrates the shell command to copy an existing component to create a new variant. It's a foundational step for customization.
```shell
# Copy an existing component
cp src/components/sections/hero-1.tsx src/components/sections/hero-custom.tsx
```
--------------------------------
### GET /api/app/org/[slug]/billing
Source: https://context7_llms
Fetches billing information for the authenticated organization. Requires owner privileges.
```APIDOC
## GET /api/app/org/[slug]/billing
### Description
Retrieves the billing information for the specified organization. Access is restricted to organization owners.
### Method
GET
### Endpoint
`/api/app/org/[slug]/billing`
### Parameters
#### Path Parameters
- **slug** (string) - Required - The unique identifier for the organization.
#### Query Parameters
None
#### Request Body
None
### Request Example
None
### Response
#### Success Response (200)
- **Billing Information Object** (object) - Contains details about the organization's billing.
```json
{
"plan": {
"id": "plan_premium",
"name": "Premium",
"codename": "premium",
"default": false,
"quotas": {},
"requiredCouponCount": 0
},
"paymentMethod": "credit_card",
"nextBillingDate": "2024-01-01T00:00:00Z"
}
```
#### Response Example
```json
{
"plan": {
"id": "plan_premium",
"name": "Premium",
"codename": "premium",
"default": false,
"quotas": {},
"requiredCouponCount": 0
},
"paymentMethod": "credit_card",
"nextBillingDate": "2024-01-01T00:00:00Z"
}
```
```
--------------------------------
### SPF DNS Record Example
Source: https://context7_llms
An example of an SPF DNS TXT record, which specifies which mail servers are authorized to send emails on behalf of your domain. It helps prevent email spoofing by listing allowed IP addresses or include mechanisms.
```txt
yourdomain.com TXT "v=spf1 include:_spf.google.com include:_spf.mailgun.org ~all"
```
--------------------------------
### JavaScript: Connecting and Querying with Neon Serverless Driver
Source: https://neon.tech/
This JavaScript example shows a basic connection to a Neon database using the serverless driver and executing a 'SELECT * FROM posts' query. It's a concise demonstration of client-side interaction with Neon. Replace placeholder credentials and host with your actual database connection details.
```javascript
import { neon } from '@neondatabase/ serverless';
const sql = neon('postgresql:// usr:pass@proj.us-east-2.aws.neon.tech/db');
const posts = await sql('SELECT * FROM posts');
```
--------------------------------
### Deployment Step - Platform Specific
Source: https://docs.indiekit.pro/setup/background-jobs
This section outlines the third step in the deployment process: platform-specific instructions. It indicates that users should choose their hosting platform, with Vercel being the recommended option.
```HTML
Choose your hosting platform:
π’ Vercel (Recommended)
-
```
--------------------------------
### TypeScript API Route Handler for GET Requests
Source: https://nextjs.org/docs/app/building-your-application/routing/route-handlers
This TypeScript code defines an asynchronous GET request handler for an API route. It demonstrates how to create a new Response object with a string message. This is a fundamental example for building API endpoints in Next.js.
```typescript
export async function GET(request: Request) {
return new Response('Hello, Next.js!')
}
```
--------------------------------
### Python LLM API Call Example
Source: https://coolors.co/
This Python code illustrates how to make a request to an LLM API using the 'openai' library. It includes setting up the API key, defining the prompt, and handling the response. Ensure you have the 'openai' library installed (`pip install openai`).
```python
import os
import openai
openai.api_key = os.getenv("OPENAI_API_KEY")
def get_llm_completion(prompt_text):
try:
response = openai.Completion.create(
engine="text-davinci-003",
prompt=prompt_text,
max_tokens=100,
n=1,
stop=None,
temperature=0.5
)
return response.choices[0].text.strip()
except Exception as e:
print(f"An error occurred: {e}")
return None
query = "Summarize the following article: [Article Text]"
summary = get_llm_completion(query)
if summary:
print(f"Summary: {summary}")
```
--------------------------------
### Customizing Components with Props Example (JavaScript)
Source: https://docs.indiekit.pro/customisation/installed-components
Illustrates how to customize components by passing props. This example shows passing a 'testimonials' array to the TestimonialGrid component.
```javascript
import TestimonialGrid from "@/components/sections/testimonial-grid";
export default function AboutPage() {
const testimonials = [
{
name: "John Doe",
role: "CEO at Company",
content: "This product is amazing!",
avatar: "/images/john.jpg"
},
// ... more testimonials
];
return (
);
}
```
--------------------------------
### IndieKit Pro: Example Credit Type Configuration (TypeScript)
Source: https://docs.indiekit.pro/payments/credits-system
This example illustrates the structure for defining a new credit type within the IndieKit Pro configuration. It guides developers on how to specify the name and potentially other attributes of a purchasable LLM service.
```typescript
Example:
```
--------------------------------
### Clone Indie Kit Repository
Source: https://docs.indiekit.pro/getting-started
This command clones the main Indie Kit repository to your local machine. Ensure you have Git installed.
```bash
git clone https://github.com/Indie-Kit/indie-kit
cd indie-kit
```
--------------------------------
### GET /api/app/org/[slug]/projects
Source: https://context7_llms
Fetches project data associated with a specific organization. Requires organization authentication.
```APIDOC
## GET /api/app/org/[slug]/projects
### Description
Fetches a list of projects belonging to the authenticated organization.
### Method
GET
### Endpoint
`/api/app/org/[slug]/projects`
### Parameters
#### Path Parameters
- **slug** (string) - Required - The unique identifier for the organization.
#### Query Parameters
None
#### Request Body
None
### Request Example
None
### Response
#### Success Response (200)
- **Array of Project Objects** (object[]) - An array containing project details.
```json
[
{
"id": "proj_123",
"organizationId": "org_abc",
"name": "My Project",
"createdBy": "user_xyz",
"createdAt": "2023-10-27T10:00:00Z",
"updatedAt": "2023-10-27T10:00:00Z"
}
]
```
#### Response Example
```json
[
{
"id": "proj_123",
"organizationId": "org_abc",
"name": "My Project",
"createdBy": "user_xyz",
"createdAt": "2023-10-27T10:00:00Z",
"updatedAt": "2023-10-27T10:00:00Z"
}
]
```
```
--------------------------------
### GET /api/app/org/[slug]/projects
Source: https://context7_llms
Retrieves a list of projects associated with a specific organization. Accessible to any member of the organization.
```APIDOC
## GET /api/app/org/[slug]/projects
### Description
Retrieves a list of projects belonging to the organization. Any member of the organization can access this endpoint.
### Method
GET
### Endpoint
`/api/app/org/[slug]/projects`
### Parameters
#### Path Parameters
- **slug** (string) - Required - The unique identifier of the organization.
#### Query Parameters
None
#### Request Body
None
### Request Example
None
### Response
#### Success Response (200)
- **projects** (array) - A list of project objects associated with the organization.
#### Response Example
```json
[
{
"id": "proj_123",
"name": "Project Alpha"
},
{
"id": "proj_456",
"name": "Project Beta"
}
]
```
```
--------------------------------
### Local Setup Verification Steps
Source: https://docs.indiekit.pro/setup/auth/google-login
Steps to verify the local setup of Indiekit Pro. This involves accessing the local URL, clicking the 'Continue with Google' button, and confirming successful sign-in.
```text
Visit http://localhost:3000/sign-in
Click "Continue with Google"
You should be able to sign in
```