Menu

Post image 1
Post image 2
1 / 2
0

Day 91 of #100DaysOfCode — DevCollab: Next.js Setup and Authentication

DEV Community·M Saad Ahmad·29 days ago
#yFR4Vdl7
Reading 0:00
15s threshold

Today, the frontend starts. Day 91 was the most infrastructure-heavy day on the Next.js side, not because of what's visible, but because of what everything else depends on. The Axios instance with JWT interceptors, the auth context, protected routes, and the login and register pages. By the end of today, a user can register in the browser, be redirected to a dashboard, log out, log back in, and have the access token refreshed invisibly in the background when it expires. Setting Up the Next.js Project The setup follows the same principle as the Django backend: get the structure right before writing features. Installing everything at once, organizing folders from day one, and configuring the environment before touching any component. Next.js is installed with the App Router: the newer file-based routing system that uses the app/ directory instead of the older pages/ directory. Tailwind CSS is set up during installation. Axios is installed separately for API communication.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More