At its core, Loudr is more than just a platform—it's a revolutionary force designed to resonate the beat of African youth culture across the globe. We've evolved beyond just supporting creators to reshaping the very framework of content creation and appreciation. We're building a community of creators, fans, and brands that's redefining what it means to be African.
This is the webapp for Loudronline.
- Typescript
- Nextjs
- Tailwindcss
- Strapi
- Sqlite
- Stripe
- Chakra UI
- Nodejs v20.0.0
- npm v7.0.0
- Clone the repo
git clone
- Install NPM packages
npm install
- To run the frontend
cd frontend
npm run dev
- To run the backend
cd backend
npm run develop
- Add a description
- Setup
nextjs
project - Grab assets and fonts
- Setup tailwindcss
- Setup
strapi
as CMS- Create
strapi
project - Create collections and models
- Create dummy content
- Create
- Design frontend pages
- Home
- ...
- Design shop pages
- Setup
mongodb
for shop data`- Home
- ...
- Setup product checkout with
stripe
Strapi comes with a full featured Command Line Interface (CLI) which lets you scaffold and manage your project in seconds.
Start your Strapi application with autoReload enabled. Learn more
npm run develop
# or
yarn develop
Start your Strapi application with autoReload disabled. Learn more
npm run start
# or
yarn start
Build your admin panel. Learn more
npm run build
# or
yarn build
Strapi gives you many possible deployment options for your project including Strapi Cloud. Browse the deployment section of the documentation to find the best solution for your use case.
- Resource center - Strapi resource center.
- Strapi documentation - Official Strapi documentation.
- Strapi tutorials - List of tutorials made by the core team and the community.
- Strapi blog - Official Strapi blog containing articles made by the Strapi team and the community.
- Changelog - Find out about the Strapi product updates, new features and general improvements.
Feel free to check out the Strapi GitHub repository. Your feedback and contributions are welcome!
- Discord - Come chat with the Strapi community including the core team.
- Forum - Place to discuss, ask questions and find answers, show your Strapi project and get feedback or just talk with other Community members.
- Awesome Strapi - A curated list of awesome things related to Strapi.
🤫 Psst! Strapi is hiring.