/next-rs

Primary LanguageTypeScriptMIT LicenseMIT

CyberNexus

Core Components

  • Foundation: Next.js
  • Style Weaver: Tailwind CSS
  • Content Engine: MDX

Data & Interactions

  • Data Vault: Supabase
  • Motion Choreographer: Framer Motion
  • Deployment Hub: Vercel
  • Visual Lexicon: React Icons

Auxiliary Tools

  • Content Processor: rehype
  • Visitor Tracker: Google Analytics
  • Data Fetcher: SWR
  • Mailman: Email.js
  • Toast Notifier: React Toastify

Local Launchpad

  1. Gather Supplies: 
    yarn 
# or
npm install
  2. Ignite the Engine: 
    yarn dev
# or
npm run dev
  3. Access Point: localhost:3000

Yarn Recommendation: We suggest yarn, but feel free to use pnpm or npm.

Environmental Setup: Ensure .env.local is configured with the correct values.

Environment Configuration

Rename .env.example to .env.local and populate it with the necessary values.

  • Mail Service ID:
    • NEXT_PUBLIC_YOUR_SERVICE_ID
    • Find it on emailjs.com via its admin panel.
  • Mail Template ID:
    • NEXT_PUBLIC_YOUR_TEMPLATE_ID
    • Retrieve it from Email Templates after creating a new template.
  • Mail User ID:
    • NEXT_PUBLIC_YOUR_USER_ID
    • Located on the Account page.
  • Blog Feed:
    • NEXT_PUBLIC_BLOGS_API
    • Fetch from Dev.to through the Extensions settings.
  • Google Analytics ID:
    • NEXT_PUBLIC_GA_MEASUREMENT_ID
    • Instructions provided at Google Support.
  • Spotify Credentials:
    • SPOTIFY_CLIENT_ID, SPOTIFY_CLIENT_SECRET, SPOTIFY_REFRESH_TOKEN
    • Follow instructions in this blog.
  • Google Analytics Data API:
    • GA_PROPERTY_ID, GA_CLIENT_EMAIL, GA_PRIVATE_KEY
    • Consult this blog for details.
  • Supabase Keys:
    • SUPABASE_URL, SUPABASE_KEY
    • Obtain from the Supabase dashboard.
    • Configure database access policies in Policies for proper access.
  • Supabase Revalidate Secret:
    • REVALIDATE_SECRET
    • Set up webhooks in Supabase webhooks and configure the secret for revalidation.
  • GitHub Token:
  • Email Validator Key:
    • EMAIL_VALIDATION_API
    • Obtain from RapidAPI by subscribing to the E-mail Check Invalid or Disposable Domain service.
  • Sanity Project ID:
    • SANITY_PROJECT_ID
    • Extract from the URL in your Sanity.io dashboard.
  • TMDB Keys:
    • TMDB_ACCOUNT_ID, TMDB_ACCESS_TOKEN
    • Generate API keys and access tokens through TMDB's API section.