QR Store Application, where everyone can create their own QR code using Next.js@15.

Create Your Account via Kinde. Fill the missing contents. Then add your links. Don't worry! You can add as much as you want.

📔 Table of Contents

• Folder Structure
• Getting Started
• Screenshots
• Tech Stack
• Stats
• Contribute
• Acknowledgements
• Follow Me
• Learn More
• Give A Star

‼️ Folder Structure

Here is the folder structure of this app.

Next15-LandingPage/
  |- components/
  |- app/
    |-- [slug]/
    |-- api/
    |-- dashboard/
    |-- faq/
    |-- features/
    |-- home/
    |-- pricing/
    |-- utils/
    |-- global.css
    |-- app.tsx
    |-- require-user.ts
    |-- action.ts
    |-- layout.tsx
  |- public/
  |- prisma/
    |-- schema.prisma
  |- .eslintrc.json
  |- .gitignore
  |- next.config.js
  |- package-lock.json
  |- package.json
  |- postcss.config.js
  |- tailwind.config.js
  |- tsconfig.js

🧰 Getting Started

1. Make sure Git and NodeJS is installed.

2. Clone this repository to your local computer.

3. Open terminal in root directory. Run npm install --legacy-peer-deps or yarn install --legacy-peer-deps.

4. Now app is fully configured 👍 and you can start using this app using npm run dev or yarn dev.

📷 Screenshots:

⚙️ Tech Stack

🔧 Stats

🙌 Contribute

You might encounter some bugs while using this app. You are more than welcome to contribute. Just submit changes via pull request and I will review them before merging. Make sure you follow community guidelines.

💎 Acknowledgements

Useful resources and dependencies that are used in QR Store.

Production Dependencies

• @next/font: ^15.0
• next: 15.0
• react: 19.0
• react-countup: ^6.5.3
• react-dom: 19.0
• prisma: ^5.17
• react-outside-click-handler: ^1.3.0
• react-qr-code: ^2.0.15
• sonner: ^1.5.0
• tailwind-merge: ^2.5.2
• tailwindcss-animate: ^1.0.7
• @kinde-oss/kinde-auth-nextjs: ^2.3.8
• @prisma/client: ^5.17
• @radix-ui/react-dialog: ^1.1.1
• lucide-react: ^0.441.0

Development Dependencies

• @types/node: ^20
• @types/react: ^18
• @types/react-dom: ^18
• eslint: ^8
• eslint-config-next: 15.0
• postcss: ^8
• tailwindcss: ^3.4.1
• typescript: ^5

🚀 Follow Me

📚 Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

⭐ Give A Star

You can also give this repository a star to show more people and they can use this repository.