This project is a Next.js application that will include three main features:
- Managing Home Budget - Track expenses, set savings goals, and generate financial insights.
- Managing Medical History & Tests - Store and manage medical records, test results, and appointments.
- Articles & Topics - Access and organize informational content related to personal finance and health.
All features will be enhanced with AI-powered insights and recommendations to improve user experience and decision-making.
- Framework: Next.js (version 15)
- Styling: Tailwind CSS / MUI
- State Management: React Context | Tanstack React Query
- Database: PostgreSQL
Ensure you have the following installed:
- Node.js (>= 18.x recommended)
- npm
-
Clone the repository:
git clone https://github.com/matchmakers69/next-auth-app cd your-repo-name -
Install dependencies:
npm install
-
Set up environment variables:
- Copy
.env.exampleto.env.local:cp .env.example .env.local
- Update
.env.localwith your API keys and configuration.
- Copy
Create a .env.local file in the root directory and add necessary environment variables:
AUTH_SECRET=generate secret
NEXTAUTH_URL="http://localhost:3000"
DATABASE_URL="postgresql://*******
NEXT_PUBLIC_APP_URL="http://localhost:3000"
...
-
Development Mode:
npm run dev
Runs the app at http://localhost:3000.
-
Production Build & Start:
npm run build && npm start # or yarn build && yarn start
npm test/src ├── actions/ # Server actions and utilities
├── api/ # API-related files
├── app/ # App router-based Next.js structure
│ ├── (admin)/ # Admin dashboard pages
│ ├── (application)/ # Application-related pages
│ ├── (articles)/ # Articles and topics pages
│ ├── (authentication)/ # Auth-related pages
│ ├── (dashboard)/ # Main dashboard
├── components/ # Reusable UI components
├── config/ # Configuration files
├── constants/ # App-wide constants
├── contexts/ # React Contexts for state management
├── data/ # Static and mock data
├── fonts/ # Custom fonts
├── hooks/ # Custom React hooks
├── lib/ # API calls, utilities, helper functions
├── mdx/ # MDX content files
├── prisma/ # Prisma ORM schema and migrations
├── public/ # Static assets
├── reactQuery/ # React Query API fetching logic
├── services/ # Business logic and API services
├── stories/ # Storybook components
├── types/ # TypeScript types and interfaces
├── utils/ # Utility functions
├── auth.config.ts # Authentication configuration
Instructions for deploying to Vercel / Netlify / AWS, e.g.:
vercel deployMIT (or another license)