BuouNext
  • Features
  • DocumentsNew
  • BrutalUINew
  • ShowcaseHot
  • Pricing
  • Blog

    Getting Started

    Introduction

    BuouNext Instruction

    InstallationRun BuouNextProject StructureComponentsAuthenticationEmailAPI CallsDatabasePaymentSEO OptimizationHeadless CMSContact

    AI Instruction

    AI ImageNewAI ChatbotNewAI SearchNewAI NotionNew

    Components

    Super ClockNewFloating DockNewAI Image CompareNewAvatar ListNewClockNewDarkModeNewStepperNewRotation AvatarNewButton with TrailNewDotNewGridNewCounter CardNewMarquee CardNewProfile CardNewBento gridNewBorder Trail CardNewBuouNext FeaturesNewColor CardNewMouse FollowingNewColor GridNewAnimotion In View CardNewLevitate CardNewReorder CardNewGenerate TextNewSmooth Fliping NumberNewSmooth Fliping TextNewSmooth Typing TextNewTyping TextNewWindow Typing TextNewFade In OutNewText DropNewScalingNew
    Docs
    Authentication

    Authentication

    Explore the comprehensive authentication system in the BuouNext project, which includes built-in support for popular sign-in services like Github OAuth and email/password authentication, powered by NextAuth.

    Powered by NextAuth, the BuouNext boilerplate comes with built-in support for popular sign-in services. With just a few updates to environment variables, you can enable Github sign-in, and email/password sign-in in minutes.

    Configure Github OAuth

    1. New OAuth App.
    new-app
    1. Configure OAuth App.
    config-app
    1. New Access Token.
    token

    Configure Environment Variables

    Then you can update your Environment Variables in .env.local(.env.production)

    # -----------------------------------------------------------------------------
# App
# -----------------------------------------------------------------------------
NEXT_PUBLIC_APP_URL=http://127.0.0.1:3000
 
# -----------------------------------------------------------------------------
# Authentication (NextAuth.js)
# You can generate a new secret on the command line with:
# openssl rand -base64 32
# -----------------------------------------------------------------------------
NEXTAUTH_URL=http://127.0.0.1:3000
NEXTAUTH_SECRET=your-secret
 
GITHUB_CLIENT_ID=your-client-id
GITHUB_CLIENT_SECRET=your-client-secret
GITHUB_ACCESS_TOKEN=your-access-token
    ComponentsEmail