Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Skip to content

Kars1996/template

Repository files navigation

πŸš€ NextJS Quickstart πŸ‘‘ (v2.1)

Consider giving this a ⭐ to show your support! <3


Welcome to the Next.js Quickstart template for Kars Apps! This template supercharges your Next.js projects with all the essentials to get you started right away. Here’s what you’ll find inside:

  • 🎨 Fonts – 5 variable fonts & 2 Google fonts pre-installed
  • πŸ”„ Smooth Scroll – Scroll hijacking with Lenis
  • πŸŽ‰ Animations – Animated with AOS and GSAP
  • ✨ Next.js Conventions – Following best practices and conventions
  • 🌈 Tailwind CSS – Tailwind support right out of the box
  • πŸ” Middleware – Pre-configured for speedy authentication
  • πŸ“‚ Routes – Custom 404 and API routes ready to go
  • πŸ”— Prisma – Set up for seamless database integration
  • 🧩 UI Library – Integrates ShadCN
  • πŸš€ Transitions – Clean page loading transitions

Created with ❀️ by Create-Kapp!


πŸš€ Getting Started

  1. Install Dependencies: Let’s get those packages installed! Run one of the following:

    npm i
    # or
    yarn
    # or
    pnpm i
  2. Run the Development Server: Start up the server with:

    npm run dev
    # or
    yarn dev
    # or
    pnpm dev

    Open http://localhost:3000 to see your app in action!


⚑ Quickstart Using create-kapp

Get started with create-kapp for an instant setup:

npm i create-kapp@latest -g

Then initialize this template with the command:

create-kapp

You’ll see a prompt like this:

o   --------------------------------------------+
|                                               |
|   Welcome to KAPP. Let's make your project!   |
|                                               |
o   --------------------------------------------+
|
?   Which Template Category would you like to use? Β» - Use arrow-keys. Return to submit.
>   Next.js
    Discord.js
    General

Just follow the prompts to set up your project in no time! πŸš€


πŸ’» Cloning This Repository

Choose one of the following options to clone the template:

Option 1: Existing Folder

If you’re cloning into an already existing folder, run:

gh repo clone kars1996/Template .

Option 2: New Folder

To clone into a new folder, use:

gh repo clone kars1996/Template <folder-name>

Once cloned, open http://localhost:3000 to view your app.


πŸ› οΈ Start Customizing!

Edit app/page.tsx to get started. The page auto-updates as you edit, so you can see changes instantly.


Thanks for checking out this quickstart template! Feel free to reach out with suggestions or improvements. Happy coding! πŸŽ‰

About

πŸ”₯ Template for my NextJS Sites

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published