A collection of 123 tips that come in real handy when you need them. Originally posted as tweets on my Twitter account, and now gathered here so you can browse them easily.
💡 Are you trying to find out why your secure page is not fully secure?
👉🏼 This website will tell you about any insecure items on your SSL page so you can finally get that sweet padlock 🔒 next to your URL.
💡 What makes a website dynamic?
👉🏼 A dynamic website uses a server-side programming language to deliver content at runtime. Content can be different for each user, but doesn't need to be. If there is a database involved, the website is dynamic.
💡 What makes a website static?
👉🏼 A static website does *not* use a programming language on the server to render different content. It *always* returns the same HTML, JS and CSS. Static websites don't have a database and are "done" at build time.
💡 Can't decide between Next.js or Gatsby? Consider static vs dynamic content.
Does your site have dynamic content, or it might have in the future? Then go with Next.js since Gatsby works for static websites only.
💡 If Heroku can't detect your app language you have to add a `Procfile` at the root of your project. The format is:
👉🏼 <process type>: <command>
A Node.js web server with index.js as entrypoint would have a Procfile with:
👉🏼 web: node index.js
💡 Is your Node app crashing with a R10 error when deploying to Heroku?
👉🏼 Make sure your application listens to the correct port assigned by Heroku with the `PORT` env variable.
`const PORT = process.env.PORT;
app.listen(PORT, () => { ... });`
💡 "101 Ways to Make Your Website More Awesome" is an amazing resource I keep referring to again and again.
Applying just a few of these points will make your website/blog look and feel much more polished. ✨
https://www.bundlify.com/blog/make-website-awesome-checklist
Read tip
💡DevOps can be intimidating. It's easy to get lost with all the jargon being thrown around.
👉🏼DevOps Roadmap by @kamranahmedse is a great overview of the landscape. Use it to find gaps in your knowledge and interesting areas to further explore.
💡 To SSH into a server using a key pair you need to add your public key to the server's "authorized_keys" file.
Besides old-school copy-pasting your public key into the file, you can also use ssh-copy-id:
👉🏼 `ssh-copy-id -i ~/.ssh/mykey.pub user@host`
💡 A quick way to speed up a site is to redirect to (non-)www and https in one step.
Using Apache, the following config in your .htaccess file redirects to non-www and https.
Gist: https://gist.github.com/Maximization/fd1745fe21dda13bcbbc620ec195291d
Read tip