Open Source Ecosystems

Overview

A comprehensive collection of essential resources and tools for developers, thoughtfully categorized to streamline your development process. Utilize advanced semantic search, powered by Vercel SDK, OpenAI, and Supabase, to find exactly what you need. Effortlessly discover UI inspiration, books, courses, testing tools, icons, and much more with ease and efficiency.

Stack

Vercel AI SDK: The Vercel AI SDK to help developers build AI-powered applications.
Next: A framework for building server-rendered React applications.
Uptash: Rate limiting and queries caching.
Supabase: For storing og images, resources and embeddings.
Shadcn/ui: Provides beautifully designed components for UI.
Tailwindcss: A utility-first CSS framework for rapid UI development.
Zod: TypeScript-first schema validation with static type inference
Cheerio: A fast, flexible, and lean library for web scraping and parsing HTML.
Playwright: A framework for end-to-end testing and automation.
Sharp: A Node.js library for manipulating images in a variety of ways.

Project Summary

public: Public directory for static assets and build output.
src/app: Contains the main application logic and components.
src/components: Houses reusable UI components.
src/hooks: Custom React hooks for managing state and side effects.
src/actions: Server actions for interacting with external APIs.
src/types: TypeScript type definitions.
src/utils: Miscellaneous utility functions.

Setting Up

OPENAI_API_KEY

Go to the OpenAI website.
Sign in to your account or create a new one.
Navigate to your API settings.
Generate an Secret key.
Copy the generated Secret key.

UPSTASH_REDIS_REST_URL - UPSTASH_REDIS_REST_TOKEN

Go to the Uptash console.
Sign in to your account or create a new one.
Navigate to your database.
Copy the generated keys.

SUPABASE_URL - SUPABASE_SERVICE_ROLE_KEY

Go to the Supabase website.
Sign in to your account or create a new one.
Navigate to your project.
Go to the "Project Settings" menu.
Under "API" section, copy the "URL" and "Service Role Key".

GROQ_API_KEY

Go to the Groq console.
Sign in to your account or create a new one.
Create a new key.

Run Locally

1.Clone the hubdev.tools repository:

git clone https://github.com/xavimondev/hubdev.tools

2.Rename the .env.example to .env:

mv .example.env .env

3.Install dependencies:

# bun
bun install
# pnpm
pnpm install
# npm
npm install
# yarn
yarn install

6.Start the development mode:

# bun
bun dev
# pnpm
pnpm dev
# npm
npm run dev
# yarn
yarn dev

License

This project is licensed under the MIT License - see the MIT License file for details.

hubdev.tools