This is the source code for shinestudio.in.
- First, clone this repository
- Then create a file named
.env.local
at the root of the project. contents of the file can be shared by @smile. He received an email "ShineStudio.in Website details & credentials". That email had an attachment.env.local
- run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
Open http://localhost:3000 with your browser to see the result.
This project uses next.js
This project uses the following []
-
JS Framework: NextJs with ReactJs
-
MailSend for sending emails. Mailsend is used to send emails to
[email protected]
when a user fills in the "Contact Us" form on the website.- Login with github
- Attached Email:
[email protected]
-
Github: code is available on github: https://github.com/110anil/shine-st
- Username: 110anil
- Attached Email:
[email protected]
- @smile: Ensure that no SSH keys added by anyone are left associated in the account once the work is complete by any developer. Also no one must have access to the account. Remove all collaborators.
-
Vercel: Website is hosted on vercel: https://vercel.com/login
- Login with github
- Attached Email:
[email protected]
- Vercel automatically pulls code from github. new deployments are automatically trigged when code is pushed to github on branch 'main'.
- in the
settings
tab, you'll findEnvironment Variables
which are same as the file.env.local
. These hold API keys for Mailsend, ImageKit
-
Godaddy
- Login Email:
[email protected]
- Godaddy hosts the domain & all the DNS records
- This is the most important account.
- Any DNS changes must be done in @smile's supervision
- No one must have account access
- Auto renewal must be enabled. and payment Credit Card must be added
- the Email: [email protected] works because of DNS settings in this account
- This account also holds DNS settings which point website traffic to vercel
- This account also holds DNS settings which enable mailTrap to send emails
- Login Email:
-
ImageKit accounts: This is where we store all data
- all images are stored here. Albums + website images
- the data is divided into 5 accounts, so that we don't exceed the 20GB usage per account
- We use 5 accounts
- Login here: https://imagekit.io/login/
- Account 1: [email protected]
- Account 2: [email protected]
- Account 3: [email protected]
- Account 4: [email protected]
- Account 5: [email protected]
-
Recovery email for all the @gmail.com accounts is
[email protected]
- Dashboard(www.shinestudio.in/dashboard)
- Edit/Update user access to the website dashboard(www.shinestudio.in/edit-albums/usermanagement)
- Upload album(www.shinestudio.in/upload-albums)
- Edit album(www.shinestudio.in/edit-albums)
- Find album(www.shinestudio.in/find-albums)
- Change album PIN(www.shinestudio.in/change-pin)
- Create frames from video for scroll controlled video section (www.shinestudio.in/create-frames)
- If required, remove background from the video using: https://www.media.io/remove-video-background-online.html
- once you have the final video goto: www.shinestudio.in/create-frames to create the frames. frames will be automatically downloaded
- goto www.shinestudio.in/edit-albums/scrollframes and upload the downloaded frames (3.75 seconds video creates 94 frames at 25 FPS. of that first 31 were used in the first cut, with first frame repeated 10 times, 2nd frame repeated 10 times, 3rd frame repeated 5 times. and then each frame once till frame 31)
- set
backgroundPosition
to a value between 0-80 only the first image. this is only useful in mobile view. it shifts the video to left by thebackgroundPosition
% value that you enter - preview the changes by clicking on preview button
- to preview the changes in mobile view, resize the window to decrease it's width to 380px