MOS-APP-NEXTJS

MOS-APP-NEXTJS (MosApp) is a free, open-source Next.js 13 website template for mosques, designed to publish prayer timings, announcements, and basic mosque information on a single responsive page. It is hosted on GitHub at mos-apps/mos-app-nextjs and comes with a live preview deployment on Vercel.

What is MOS-APP-NEXTJS?

MOS-APP-NEXTJS is a web development template built on Next.js 13.0 by the mos-apps GitHub organization. It takes configuration files — config/theme.json, config/menu.json, and config/config.json — as input to control colors, navigation, and site settings, and it outputs a statically generated, SEO-friendly mosque website with a working contact form. The template runs on the Next.js framework and can be deployed to any Node.js-compatible host, as demonstrated by its Vercel-powered live demo.

Key Features

• Simple and minimal design — A clean, uncluttered single-page layout designed for quickly scanning prayer times and announcements.
• Next.js 13 framework — Built on Next.js 13.0, leveraging modern React features and predictable production builds.
• Fully responsive layout — The single-page design adapts to mobile, tablet, and desktop screens for consistent viewing.
• Google Analytics support — Includes a built-in hook for adding Google Analytics to track visitor behavior.
• Caching enabled — The template comes with caching enabled to improve page load speed and reduce server requests.
• Contact form — A contact form is included so visitors can send messages directly from the page.
• SEO friendly — Structured with search engine optimization in mind, helping the mosque site appear in local search results.
• Configurable theme and menu — Theme color, menu items, and other settings live in separate JSON config files, so non-developers can rebrand the site without editing React components.

Who is it for?

• Mosque administrators — Use it to keep the community informed about prayer times, events, and announcements without maintaining a custom website.
• Web developers — Use it as a clean Next.js starter for mosque or religious-organization projects, with configuration separated from code.
• Community volunteers — Set up and update a simple online presence quickly, since the entire site can be edited through three JSON files and standard npm commands.

What can you do with MOS-APP-NEXTJS?

• Publish prayer timings: Display daily and weekly prayer schedules in a minimal layout that is easy to read on phones.
• Share announcements: Post news and event notices directly on the homepage for visitors to see.
• Accept visitor inquiries: The built-in contact form lets community members send questions or requests to the mosque's email.
• Deploy to production: Run npm run build to generate a production-ready build, then host it on Vercel or another Node.js platform.

How does it work?

1. Install Node.js (recommended LTS version) from nodejs.org.
2. Download the template from GitHub or clone the repository.
3. Run npm install in the project folder to install dependencies.
4. Run npm run dev to preview locally; edit config/theme.json, config/menu.json, and config/config.json to customize the site.
5. Run npm run build to compile a production build for deployment.

FAQ

Is MOS-APP-NEXTJS free to use?

Yes, the template is open source and publicly available on GitHub, so anyone can download, modify, and use it without paying licensing fees.

How do I run it on my local machine?

Install Node.js (LTS recommended), then run npm install and npm run dev in the project directory. This starts a development server with live-reload in your default browser.

How do I customize the colors and menu?

Open config/theme.json to set the theme color, config/menu.json to edit menu items, and config/config.json to adjust other site-wide settings. No component editing is required.

What Next.js version does it use?

The badge in the README indicates Next.js 13.0. Use a compatible Node.js environment (the recommended LTS version) to run the template.