How do I connect the frontend to the backend?
Set VITE_API_URL in the frontend .env to point to the backend URL (e.g., http://localhost:3000/api). Configure Axios with withCredentials: true to send cookies. Make sure the backend is running and CORS allows the frontend origin.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in DevTinder Frontend Repository Setup React, Redux, and TailwindCSS Configuration
React, React DOM, React Router for routing, Redux Toolkit and React Redux for state management, Axios for HTTP requests, Socket.io client for real-time chat, and TailwindCSS for styling.
withCredentials: true tells Axios to send and receive cookies with cross-origin requests. Without it, the JWT auth cookie won't be sent to the backend, and the user won't stay logged in.
Redux uses slices: authSlice (user data, login state), feedSlice (feed users, pagination), and chatSlice (messages, active chat, typing status). Each slice manages a specific part of the app state.
Still have questions?
Browse all our FAQs or reach out to our support team