A modern Fullstack blog application built with Next.js and React.js (TypeScript). This app provides seamless authentication, dynamic SEO metadata, and rich user experience with animations.

- Next.js
- React.js with TS
- Nextauth
- Mongoose
- Motion
- CSS modules (styles)

• Authentication using Credentials and Oauth.
• Protected API.
• Visitor, User and Author modules.
• Dynamically generated metadata for SEO friendliness.
• Animations for better UX.
• and much more..

• Install the dependencies: npm i
• Build the app: npm run build
• Run the next app: npm run start
• create a .env.local in / (follow below mentioned example .env)
• Go to http://localhost:3000/

MONGO_URL=mongodb://<host>:27017/<dbName>
AUTH_SECRET=<some_secret>
AUTH_GITHUB_ID=<Get from github>
AUTH_GITHUB_SECRET=<Get from github>
AUTH_TRUST_HOST=http://localhost:3000

• Oauth using Nextauth.
• API and middleware.
• Protected routes.
• Server actions & useActionState.
• Caching and revalidating.
• and much more...

• src: all the routes, libs and utilities.
• src/app: all the routes and API.
• src/components: all the UI components.
• src/lib: server actions, controller functions, DB models and connection script.
• src/types: custom types.
• src/utility: animation and Loading files.