Hi there!
Recently ran into a situation where I needed to install Gatsby + Strapi app on VPS hosting. Previously, I deployed everything to Heroku and Strapi.
So it became a challenge for me. Because I imagined how to install a Node.js app on a VPS server but had no idea how to set up vesta cp to work with Node.js
And after a while I managed to solve this problem.
Now I want to share my experience with you.
So at this cycle of tutorials i'll show you all process of adjusting and deploying Strapi based Gatsby application to real hosting server.
Here we go!
Preparing Gatsby and Strapi
For this tutorial we will using ready starter: Strapi Starter Gatsby Blog.
It has all necessary what we need. So simply complete all steps inside Starter's description and all will be ready to start.
Configuring Authenticated Requests in Strapi
Since we will install our builds to a real hosting. We need to secure pass to Strapi collections and types.
For that we will using Authenticated Requests.
First in Strapi Admin Panel go to Settings
, then select the Roles
under USERS & PERMISSIONS PLUGIN
section.
After click on Add new role
button in the top right corner.
Fill Role details
fields and select fields: find, findOne, count in Permissions
for an all APPLICATION
types.
Save new role.
Now go to left main menu, click on the Users
Collection type. Fill all parameters and won't forget select Role โ Reader for new user.
Save user.
That's it! Now you can fetch Authenticated Requests!
Let's create a test request in Postman to test how Authenticated Requests works.
To do this, create a POST request at:
http://localhost:1337/auth/local
Then set the body
as raw
with the JSON (application/json) type
and write:
{
"identifier": "youruser@main.com",
"password": "youruserpassword"
}
Send your request.
In response you'll get jwt
key:
{
"jwt": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MSwiaWF0IjoxNTc2OTM4MTUwLCJleHAiOjE1Nzk1MzAxNTB9.UgsjjXkAZ-anD257BF7y1hbjuY3ogNceKfTAQtzDEsU",
"user": {
"id": 1,
"username": "yourusername",
...
}
}
If you want to find out about jwt you can read info at: jwt.io.
jwt key is updated and has Expiration time. Default Expiration time is month. You can check it at jwt.io. There past your jwt key to Encoded fill.
You'll see:
In PAYLOAD:DATA
you will get:
{
"id": 1,
"iat": 1611908790,
"exp": 1611995190
}
If you move you mouse on key "exp"
you will se Expiration time is month.
You can change this time for more protection.
For that in Strapi directory go to extensions/user-permissions/config/
and create there file security.json
.
Put inside:
{
"jwt": {
"expiresIn": "1d"
}
}
Relaunch Strapi and Gatsby. Now Expiration time is one day.
That's it!
In the next part we will install Node.js on a VPS hosting and Create configs for Vestacp and Nginx.
If you want to add something, write in the comments.
Top comments (3)
Thanks for the post, can't wait for the next part:)!
I'm Glad you like it ๐ I'll start writing the second part very soon!
Nice post . Do check our VPS hosting plans on Webnexs VPS servers and Webnexs' Cloud VPS