An educational Reddit clone

📦 Packages:

• ⚒️ NextJS - The React Framework for Production.
• ⚒️ Typescript - A superset of JavaScript.
• ⚒️ Tailwind CSS - A utility-first CSS framework packed that can be composed to build any design, directly in your markup.
• ⚒️ Supabase - Open Source Firebase alternative.
• ⚒️ GraphQL - A query language for your API.
• ⚒️ Apollo Client - The best way to ... GraphQL.
• ⚒️ StepZen - A unique declarative way to build & run any-sized Graph.
• ⚒️ SURL - Custom made URL shortener.
• ⚒️ Dicebar Avatars - Avatar library for designers and developers.

⚒️ Getting Started:

You will need:

• Nodejs 16+.
• Git.

1. Clone the repository:

git clone [email protected]:jpaddeo/nextjs-reddit-clone.git

2. Create a .env file with the following variables:

NEXTAUTH_URL=
NEXTAUTH_SECRET=

NEXT_PUBLIC_STEPZEN_URL=
NEXT_PUBLIC_STEPZEN_KEY=

REDDIT_CLIENT_ID=
REDDIT_CLIENT_SECRET=

3. Install dependencies:

yarn install

4. Run the app:

yarn dev

5. 🥳 Ready! Open the browser and write localhost:3000.

🚀 Deployed on Vercel:

• reddit.jpaddeo.xyz.

🔑 License:

• MIT License.