How to generate your first boilerplate on Shipixen
Quick Answer
Generate your first boilerplate on Shipixen by selecting a template, configuring your project settings, and downloading the generated code. The platform provides pre-built templates with modern tech stacks that you can customize and deploy quickly.
Prerequisites
- Active Shipixen account
- Basic knowledge of web development
- Node.js installed on your system
- Git installed for version control
Step-by-Step Instructions
1
Log in to your Shipixen account
Navigate to
https://shipixen.com and click the Sign In button in the top right corner. Enter your credentials or use your preferred OAuth provider to authenticate. Once logged in, you'll be redirected to your dashboard where you can see your project overview. If you don't have an account yet, click 'Sign Up' and follow the registration process first.
2
Choose a boilerplate template
From your dashboard, click the Create New Project button. Browse through the available templates in the template gallery. Popular options include Next.js SaaS, Landing Page, and E-commerce templates. Click on a template to preview its features and tech stack.
Start with the 'Next.js SaaS' template if you're building a software-as-a-service application - it includes authentication, payments, and dashboard components.
3
Configure your project settings
After selecting a template, fill out the project configuration form:
- Enter your Project Name (this will be used for the folder structure)
- Set your Domain Name if you have one
- Choose your preferred Styling Framework (Tailwind CSS, CSS Modules, etc.)
- Select additional Features like authentication providers, payment systems, or analytics
You can always modify these settings later, so don't worry about getting everything perfect on the first try.
4
Customize branding and colors
In the Branding section, upload your logo or use the text-based logo option. Customize your color scheme by selecting from preset themes or using the Custom Colors option to define your primary, secondary, and accent colors. Preview your changes in real-time using the preview panel on the right side of the screen.
5
Configure integrations
Navigate to the Integrations tab to set up third-party services:
- Add your Stripe keys for payment processing
- Configure Authentication providers (Google, GitHub, etc.)
- Set up Database connections (Supabase, PlanetScale, etc.)
- Add Analytics tracking codes (Google Analytics, Plausible)
Use test/development keys during initial setup to avoid accidental charges or data issues.
6
Review and generate your boilerplate
Click the Preview tab to see a final overview of your configuration. Review all settings including project name, selected features, and integrations. When satisfied, click the Generate Boilerplate button. Shipixen will process your request and prepare your custom code package.
Generation typically takes 30-60 seconds depending on the complexity of your selected features.
7
Download and set up your project
Once generation is complete, click Download Project to get your ZIP file. Extract the files to your desired directory and navigate to the project folder in your terminal. Run
npm install or yarn install to install dependencies, then start the development server with npm run dev. Check the generated README.md file for specific setup instructions and environment variable configuration.
8
Deploy your boilerplate
Initialize a Git repository with
git init and push your code to GitHub, GitLab, or your preferred Git provider. Connect your repository to a deployment platform like Vercel, Netlify, or Railway. Configure your environment variables in the deployment platform's dashboard and deploy your application. Shipixen-generated projects are optimized for Vercel deployment with automatic configuration files included.
Common Issues & Troubleshooting
Generation fails or gets stuck
Refresh the page and try again. If the issue persists, try selecting fewer integrations initially. Contact support through the Help button if the problem continues.
Downloaded project won't start
Ensure you have the correct Node.js version (check the README.md file). Delete node_modules and package-lock.json, then run npm install again. Verify all required environment variables are set.
Missing features in generated code
Check your project configuration in Shipixen dashboard - you may need to regenerate with additional features selected. Some advanced features require higher-tier plans.
Styling or branding not applied correctly
Clear your browser cache and restart the development server. Check that custom colors are valid hex codes. Re-upload your logo if it's not displaying properly in the generated project.
Prices mentioned in this guide are pulled from current plan data and may change. Always verify on the official Shipixen website before purchasing.