Best of Vercel — November 2024

  1. 1
    Article
    Avatar of communityCommunity Picks·2y

    How I Built My Portfolio

    Building a high-quality portfolio website goes beyond simple HTML and CSS. Utilizing an advanced tech stack like Next.js, Tailwind CSS, Shadcn UI, and Vercel can transform your static portfolio into a dynamic, professional site. The post explores the reasons for over-engineering, such as creating a better user experience, making your site scalable, and demonstrating a commitment to quality. It also highlights specific advantages of Next.js, like built-in SEO support, optimized image handling with the `next/image` component, and Partial Pre-rendering for combining static and dynamic content.

  2. 2
    Article
    Avatar of thisdotThis Dot·2y

    Build Facial Recognition and Chatbot AIs using TypeScript with Jack Herrington

    Learn how to build a voice-activated AI assistant using OpenAI's Whisper and TTS models combined with Meta's Llama 3.1, integrated within a Next.js application. The guide covers setting up the client-side using Next.js, recording and sending audio for processing, and handling voice responses. The backend setup includes using OpenAI SDK and Vercel AI SDK for processing audio and generating responses.

  3. 3
    Article
    Avatar of collectionsCollections·2y

    Build and Deploy Your Own RAG Chatbot with JavaScript

    Learn to build and deploy a Retrieval Augmented Generation (RAG) chatbot using JavaScript, LangChain.js, Next.js, Vercel, and OpenAI through a 90-minute YouTube course by Ania Kubow on the freeCodeCamp.org channel. The course covers everything from integrating a vector database with DataStax, deploying to Vercel, and using a practical Formula 1 chatbot example for real-time data fetching. It's suitable for both beginners and experienced developers aiming to enhance their skill set.

See all Vercel archives