Empowering Developers with Essential Tools and Seamless Semantic Search.
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.
Table of Contents
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.