Alurakut is a free, open-source Next.js front-end template that recreates the Orkut social network experience, letting users log in with GitHub, view GitHub followers, and manage communities through DatoCMS. A live demo is hosted at https://alurakut-mathwcruz.vercel.app/.
What is Alurakut?
Alurakut is a front-end application developed during Alura's Imersão React course, designed as a retro social network based on Orkut. It uses Next.js with React and TypeScript for the framework, styled-components for styling, and DatoCMS for content management. The application accepts a GitHub login and outputs a profile page containing followers fetched from GitHub and a list of user-created communities.
Key Features
- GitHub login — Users sign in with a GitHub account; authentication is handled through the app's own API.
- Friends from GitHub — The profile page displays the logged-in user's GitHub followers as a friends list.
- Community creation — Users create communities through a form that validates input and image URLs; created communities appear in a shared list.
- Server-side requests — Pages use Next.js getServerSideProps to fetch data on the server before rendering.
- DatoCMS storage — Communities are persisted through the DatoCMS headless CMS.
- TypeScript — The entire codebase adds static type checking on top of React.
- Form validation — The community form enforces image URL validity and required fields, with visual feedback.
- Logout — Users can log out of the application.
Who is it for?
- React developers — Learn how to combine Next.js, styled-components, and DatoCMS in a single application.
- Students of Alura's Imersão React — Use this project as a reference for the exercises and extra features.
- Developers wanting a retro UI — Get a working Orkut-style interface with profile, friends, and communities.
What can you do with Alurakut?
- Developers: Clone the repository, run yarn dev, and use it as a base for a social-network-style app with GitHub authentication.
- Learners: Inspect how getServerSideProps is used to load GitHub follower data and community lists before rendering.
- Designers: Adapt the styled-components theme to create other retro-styled interfaces.
How does Alurakut work?
Clone the repository from GitHub, install dependencies with yarn, start the development server with yarn dev, then open localhost:3000. Log in with your GitHub account to see your followers and create communities, which are stored via DatoCMS.
FAQ
Is Alurakut free?
Yes, the source code is publicly available on GitHub under the author's repository, and it can be cloned and run locally with no cost.
What does Alurakut do?
It recreates the Orkut social network experience inside a modern Next.js app: GitHub login, a followers list from GitHub, and the ability to create and list communities.
How do I run Alurakut locally?
Run git clone, cd into the folder, run yarn to install dependencies, then yarn dev. The app opens at localhost:3000.
What technologies does Alurakut use?
Next.js, React, TypeScript, styled-components, and DatoCMS. Data fetching is done server-side with getServerSideProps.
Can I contribute or extend Alurakut?
The repository belongs to Matheus da Cruz and is publicly accessible on GitHub, so you can fork it and add your own features.
