Dev Events is an online platform built for developers so that they know about every upcoming dev event around the world, website fully not completed yet and under construction, this was the first phase in which i made a simple UI. The background rays were picked up from ReactBits.dev library after deep research and it actually brought a cool vibe in the background of the application. Next Built a sleek and modern Home page and made it as minimalistic i can. Below i had put two featured sections just as to show the mongoDB which we are using is working and the API is being fetched. AI is used as less as we can, just to be more efficient i used ai or solve the bugs which were taking around hours and moreover to create Image Assets.

Built with:

• Next JS
• Tailwind
• TypeScript

• Minimalistic Landing Page
• Fixed Nav Bar
• BackGround Rays using ReacBits Library
• Featured event section
• MongoDB integration
• API data fetching

Here u go

git clone https://github.com/shuraimbalochofficial/NextJsWebsite

npm install

Create a .env file in the root directory and add:

NEXT_PUBLIC_BASE_URL=http://localhost:3000/


MONGODB_URI=


CLOUDINARY_URL=


NEXT_PUBLIC_POSTHOG_HOST=https://eu.i.posthog.com

Replace the placeholder values with your actual credentials.

npm run dev

Open http://localhost:3000 in your browser.

Muhammad Shuraim