haikhalfakhreez / next-redux

A sample application to showcase to use of Next.js with App Router, and Redux as client side state management.

Next Redux

Browse Website

This is a simple example of how to make your API fetch faster with Next.js, and store data for client-side manipulation with Redux. We're leveraging the power of Next.js with RSC to make all our API calls on the server side. This way, we can make our API calls faster and also make our app more secure and SEO friendly.

Features

• Next.js with RSC
• Redux for state management
• Google login for authentication with NextAuth
• Auth-protected routes through middleware
• Custom unauthorized page with URL rewrites
• UI components with shadcn/ui
• Tailwind CSS for styling

Setting up locally

1. Clone the repo
2. cp .env.example .env.local and fill in the values
3. pnpm install
4. Start the dev server pnpm dev