How to Build Your Own ChatGPT Clone Using React & AWS Bedrock

1. chatrock

   1 1 10 6.6 TypeScript

   The example repo for the tutorial of building Chatrock!

   

   Now, with the tech stack and prerequisites out of the way, we’re ready to get building! The first thing you’ll want to do is clone the starter-code branch of the Chatrock repository from GitHub. You’ll then want to install all of the dependencies by running npm i in your terminal inside both the root directory and the infrastructure directory.

2. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

3. shadcn/ui

   2 304 85,774 9.7 TypeScript

   A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

   

   Finally, for our front end, we’re going to be pairing Next.js with the great combination of TailwindCSS and shadcn/ui so we can focus on building the functionality of the app and let them handle making it look awesome!

4. Tailwind CSS

   3 1,501 87,351 9.9 TypeScript

   A utility-first CSS framework for rapid UI development.

   

   Finally, for our front end, we’re going to be pairing Next.js with the great combination of TailwindCSS and shadcn/ui so we can focus on building the functionality of the app and let them handle making it look awesome!

5. Next.js

   4 2,317 131,332 10.0 JavaScript

   The React Framework

   

   Next.js has long cemented itself as one of the front runners in the web framework world for JavaScript/TypeScript projects so we’re going to be using that. More specifically we’re going to be using V14 of Next.js which allows us to use some exciting new features like Server Actions and the App Router.

6. amazon-bedrock-with-builder-and-command-patterns

   5 16 12 6.1 Java

   A simple, yet powerful implementation in Java that allows developers to write a rather straightforward code to create the API requests for the different foundation models supported by Amazon Bedrock.

   

   The second service is what’s going to make our application come alive and give it the AI functionality we need and that service is AWS Bedrock which is their new generative AI service launched in 2023. AWS Bedrock offers multiple models that you can choose from depending on the task you’d like to carry out but for us, we’re going to be making use of Meta’s Llama V2 model, more specifically meta.llama2-70b-chat-v1.

7. InfluxDB

   influxdata.com featured

   InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.

   

Suggest a related project