The official God Plan landing on Nuxt 4 — SEO-oriented copy and structured data for the free Nuxt admin panel, God Kit (Vue UI kit & components), starters, and God Jobs.
- Admin & panel: Point visitors to God Panel Nuxt (Nuxt 4 + God Kit + Tailwind).
- UI kit: God Kit docs — tokens,
Gk*components, CLI. - Starters: god-kit-starter-vue-vite on GitHub.
- Jobs: jobs.godplans.org — open-source job board.
This repo is the public landing; stack highlights: Nuxt 4, Vue 3, TypeScript, Tailwind CSS, Vuetify (app shell), i18n, sitemap / robots.
- 🚀 Modern Stack: Built with Nuxt.js 4, Vue 3, TypeScript, and Tailwind CSS
- 🎨 Beautiful Design: Professional UI with dark/light mode support
- 🌍 Internationalization: Multi-language support (English & Persian)
- 📱 Responsive: Mobile-first design that works on all devices
- ⚡ Performance: Optimized with modern build tools and best practices
- 🔍 SEO Optimized: Comprehensive meta tags, structured data, and sitemap
- 🤖 Automated: CI/CD ready with deployment scripts
- 📖 Well Documented: Extensive documentation and component guides
- Nuxt.js 4 - The Vue.js framework for building full-stack applications
- Vue 3 - Progressive JavaScript framework
- TypeScript - Typed JavaScript for better development experience
- Vuetify 3 - Material Design component framework
- Tailwind CSS - Utility-first CSS framework
- Sass/SCSS - CSS preprocessor with variables and mixins
- @nuxtjs/i18n - Internationalization support
- @nuxtjs/color-mode - Dark/light theme switching
- @nuxt/image - Optimized image handling
- @nuxtjs/sitemap - Automatic sitemap generation
- @nuxtjs/robots - SEO robots.txt management
- @pinia/nuxt - State management
- ESLint - Code linting
- TypeScript - Type checking
- Vite - Fast development server and build tool
- Node.js 18+ and npm
- Git
-
Clone the repository
git clone https://github.com/god-plans/god-landing-nuxt.git cd god-landing-nuxt -
Install dependencies
npm install
-
Start development server
npm run dev
-
Open your browser Navigate to
http://localhost:3012
# Development
npm run dev # Start development server
npm run build # Build for production
npm run preview # Preview production build
# Code Quality
npm run lint # Lint code with ESLint
npm run lint:fix # Fix linting issues
npm run typecheck # TypeScript type checking
# Deployment
npm run generate # Generate static sitegod-landing-nuxt/
├── app/
│ ├── components/
│ │ ├── common/ # Reusable components
│ │ ├── layout/ # Layout components (Header, Footer)
│ │ └── sections/ # Page sections (Hero, Features, etc.)
│ ├── layouts/ # Page layouts
│ ├── pages/ # Nuxt pages (file-based routing)
│ └── plugins/ # Nuxt plugins
├── assets/
│ ├── css/ # Stylesheets
│ └── variables.scss # SCSS variables
├── i18n/
│ └── locales/ # Translation files
├── public/ # Static assets
│ ├── icons/ # Feature icons
│ ├── images/ # Images and graphics
│ └── logo/ # Brand assets
├── nuxt.config.ts # Nuxt configuration
├── tailwind.config.js # Tailwind CSS config
└── package.json # Dependencies and scripts
The landing page supports multiple languages:
- English (en) - Default language
- Persian/Farsi (fa) - RTL support included
Language files are located in i18n/locales/ and can be easily extended.
- Modify
assets/css/variables.scssfor global color schemes - Use Tailwind CSS classes for component-specific styling
- Dark/light mode automatically switches based on user preference
- Update translations in
i18n/locales/files - Modify section components in
app/components/sections/ - Customize meta tags and SEO in
nuxt.config.ts
- Replace logo files in
public/logo/ - Update brand colors in SCSS variables
- Modify site information in
nuxt.config.ts
-
Connect to Netlify
- Push your code to GitHub
- Connect repository to Netlify
- Use the provided
netlify.tomlconfiguration
-
Environment Variables
NUXT_PUBLIC_SITE_URL=https://your-domain.com
-
Deploy Command
npm run generate
The project includes deployment scripts for various platforms. Check the deploy-*.sh files for platform-specific instructions.
We welcome contributions! Please see our Contributing Guide for details.
- Code Style: Follow the existing ESLint configuration
- Commits: Use conventional commit messages
- Testing: Test your changes across different devices and browsers
- Documentation: Update relevant documentation for new features
- Use GitHub Issues for bug reports and feature requests
- Include screenshots, browser info, and reproduction steps
- Check existing issues before creating new ones
This landing page is optimized for performance:
- Lighthouse Score: 95+ on all metrics
- Core Web Vitals: Optimized for real user experience
- Bundle Size: Efficient code splitting and tree shaking
- Image Optimization: Automatic WebP conversion and lazy loading
This project is licensed under the GNU Affero General Public License v3.0 - see the LICENSE file for details.
Note: The landing page itself is MIT licensed, but the full God Plan suite (including admin dashboards) is AGPL-3.0 licensed.
- Nuxt.js - The amazing Vue.js framework
- Vuetify - Material Design components
- Tailwind CSS - Utility-first CSS framework
- Vue.js - Progressive JavaScript framework
- Documentation: godplans.org/docs
- GitHub Issues: github.com/god-plans/god-landing-nuxt/issues
- Community: Discord Server
- Email: godplans.org
Built with ❤️ by the God Plan team