= cPanel =
It's quite hard to debug any deployment issue on the cPanel or any managed server as the provider manages this type of server, and they've complete control of the server. And for that, We don't recommend Cpanel or any managed server for deployment. We suggest you use any VPS server where you have complete control of it. you can purchase any $5 â $10/mo server from amazon lightsail, ec2 or digitalocean or any ubuntu server
If you still decide to proceed with cpanel, our support team won't be able to help you. We have put some resources for Cpanel in this documentation section to help our users to get started but other than that, we don't have much to offer with Cpanel
== Access Server ==
To install the API, access the server using the cPanel terminal first,
If you don't find the terminal, then login to your local computer terminal or putty for Windows using SSH
After enabling the ssh login to your server using ssh,
If you dont't see any option, then contact your hosting provider as cPanel control by hosting provider
After logging in, Check if the composer is already installed or not using this command,
composer -v
If composer is not installed then, install
composer to your server
Check this YouTube Video for install
composer on your server,
After that, check the PHP version using,
php -v
make sure it's
7.4
== Create Subdomains ==
Now create two subdomains, for example,
-> your_domain.com -> host frontend store api.your_domain.com -> host laravel API admin.your_domain.com -> host admin dashboard
Or if you want to host all the script on subdomains, then create subdomains like this,
-> store.your_domain.com -> host frontend store api.your_domain.com -> host laravel API admin.your_domain.com -> host admin dashboard
After creating domain/subdomains, make sure all the domain/subdomains are HTTPS enabled. Please contact your hosting provider to enable this, as most hosting providers provide some sort of free SSL
== Install API ==
- Extract the
pixer-laravelpackage that you download from
CodeCanyon
- On that folder, you'll get another
zipcalled
pixer-laravel.zip
- Now extract this
pixer-laravel.zipfile
- On that file, you'll get a folder called
pixer-api
Now upload this
pixer-api folder to the
api.your_domain.com folder in your server
Make sure your
api.your_domain.comsubdomain
Document Rootpoints to that
api/publicfolder
Now create a MySQL database and user from MySQL wizard
After creating the MySQL database, go to your
api folder from your cPanel file manager and copy
.env.example to
.env
After the copy, edit
.env and add MySQL credentials,
Also, add
httpsYOUR_DOMAIN.COM/api to
APP_URL. Without this, the
upload function will be broken
Then go to your
ssh terminal again and,
go to
api folder and run,
composer install
If
composer installs all the packages successfully, then run this command on the
api folder,
php artisan key:generatephp artisan marvel:install
You'll get several confirmations for migration,data, and admin account. Make sure you check the confirmation step and take the necessary actions based on your requirement
After that, run this command to link storage,
php artisan storage:link
After install, go to your
api.your_domain_name.com, and you'll get a webpage like this,
== Install FrontEnd ==
Before proceeding next step, make sure you already create two subdomains like this,
-> your_domain.com -> host frontend store admin.your_domain.com -> host admin dashboard
OR
-> store.your_domain.com -> host frontend store admin.your_domain.com -> host admin dashboard
FrontEnd Project Build
Typescript requires a huge chunk of memory to build the project, so if your server has at least 8gb+ of memory, then you can build the project on your server directly. If not, then build the project on your server, then move the folder to the server then serve the project. We'll do the second method in this tutorial
We'll suggest you build the frontend part on your computer and then upload the build file to the server
step 1 - Build Custom Server
go to your
pixer-laravel folder
shop rest
Create custom server for
shop rest,
nano shop/server.js
and paste this code,
// server.jsconst { createServer } = require('http')const { parse } = require('url')const next = require('next')const dev = process.env.NODE_ENV'production'const app = next({ dev })const handle = app.getRequestHandler()app.preparethen => {createServer((req, res) =>Be sure to pass `true` as the second argument to `url.parse This tells it to parse the query portion of the URL.const parsedUrl = parse(req.url, true)const { pathname, query } = parsedUrlif (pathname'/a') {app.render(req, res, '/a', query)} else if (pathname'/b') {app.render(req, res, '/b', query)} else {handle(req, res, parsedUrllisten(3003, (err) => {if (err) throw errconsole.log Ready on httplocalhost:3003
Now update package.json for
shop rest,
nano shop/package.json
and replace
start script with this,
"start": "NODE_ENV=production node server.js"
admin rest
Similarly, create custom server for
admin rest,
nano admin/server.js
and paste this code,
// server.jsconst { createServer } = require('http')const { parse } = require('url')const next = require('next')const dev = process.env.NODE_ENV'production'const app = next({ dev })const handle = app.getRequestHandler()app.preparethen => {createServer((req, res) =>Be sure to pass `true` as the second argument to `url.parse This tells it to parse the query portion of the URL.const parsedUrl = parse(req.url, true)const { pathname, query } = parsedUrlif (pathname'/a') {app.render(req, res, '/a', query)} else if (pathname'/b') {app.render(req, res, '/b', query)} else {handle(req, res, parsedUrllisten(3002, (err) => {if (err) throw errconsole.log Ready on httplocalhost:3002
Now update package.json for
admin rest,
nano admin/package.json
and replace
start script with this,
"start": "NODE_ENV=production node server.js"
Step 2 - Install & Build
go to your
pixer-laravel -> admin folder again
To install all the npm packages run this command,
yarn
Again,
go to your
pixer-laravel -> shop folder again
To install all the npm packages run this command,
yarn
Step 3 - Build the project
At first, we've to copy the sample
.env.template to production
.env for the shop and admin first
Go to,
cd shop
then use this command to copy,
cp .env.template .env
Now edit .env and add you
API url to
.env
nano .env
and use
NEXT_PUBLIC_REST_API_ENDPOINT=httpsapi.YOUR_DOMAIN.com/
After that, go to the
admin -> rest folder,
cd admin
then use this command to copy,
cp .env.template .env
nano .env
and use
NEXT_PUBLIC_REST_API_ENDPOINT=httpsapi.YOUR_DOMAIN.com/
go to your
pixer-laravel -> admin folder again
To install all the npm packages run this command,
yarn build
Again,
go to your
pixer-laravel -> shop folder again
To install all the npm packages run this command,
yarn build
and run,
After build the project upload the
shopto
root_domain -> public_htmlfolder
admin-restto
admin.your_domain.comfolder
shop,
shop-admin,
== Install NodeJs Project ==
We'll run both
shop and
admin using the cPanel NodeJs application in this step
To do that at first go to the NodeJS section from your cPanel,
For
shop,
Now,
- Select NodeJS version
- Make environment
production
- Set Application Root
- And application startup file as
server.js
You can get the Application Path from your cPanel file manager
After create NodeJS app,
install all the packages and
restart the app,
For
admin,
Similarly, create a another NodeJS application for admin with
admin subdomain and
admin subdirectory
After installing and run both NodeJS application, you can access your domain to check Pixer,
Thank You!
DEDICATED SERVERS HOSTING#16
