Landing page for Stickerum project
Development and deployment
Use Node.js and Yarn to build scripts and styles.
Get images from Instagram
To get the latest pack of images from your Instagram profile you need an Instagram access token.
- Create a new Instagram app on the page: https://www.instagram.com/developer/clients/register/
Fill fields with any valid params and take a look on "redirect URIs" field: Valid redirect URIs: https://stickerum.ru
Enter here your site's address with protocol.
- Pass your app's
CLIENT_ID
andREDIRECT_URI
then open the following URI
https://www.instagram.com/oauth/authorize/?client_id=<CLIENT_ID>&redirect_uri=<REDIRECT_URI>&response_type=token&scope=public_content
You will be asked to login and give an access to the app
Then you will be redirected to your page.
For example: https://stickerum.ru/#access_token=<ACCESS_TOKEN>
Your access token was placed to the URI. Place this token into the .env
file (copy skeleton from .env.sample
).
Then call a script:
yarn instagram
Build JS and CSS
Use the following commands to build scripts and styles.
yarn build
yarn css
Run Docker server
docker-compose up
Local site will be available at http://localhost:8080.