Skip to content

Kars1996/template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

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