Skip to content

Commit 3f5d7dd

Browse files
FrancescoXXFrancesco Ciulla
and
Francesco Ciulla
authored
SEO improvements part 1 (#429)
* SEO improvements part 1 * Update preferences.md --------- Co-authored-by: Francesco Ciulla <[email protected]>
1 parent adcb0f5 commit 3f5d7dd

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

44 files changed

+12154
-890
lines changed

Dockerfile

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
FROM node:16-alpine
1+
FROM node:22
22

33
WORKDIR /app
44

docker-compose.yml

+1-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
1-
version: '3.8'
2-
31
services:
42
react-docker:
5-
image: francescoxx/dailydev-docs:0.9.3
3+
image: francescoxx/dailydev-docs:1.0.0
64
build:
75
context: .
86
ports:

docs/customize-your-feed/density.md

+15-15
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,32 @@
11
---
22
sidebar_position: 2
3+
description: "Learn how to adjust content density on the daily.dev feed with Eco, Roomy, and Cozy settings for a personalized reading experience."
34
---
45

5-
# Density
6+
# Density Settings on daily.dev Feed
67

7-
The density option enables you to set the density of content on the daily.dev feed. And you can do this by switching between Eco, Roomy, and Cozy options as seen below:
8+
The density option enables you to set the density of content on the **daily.dev feed**. Choose from **Eco**, **Roomy**, and **Cozy** options to personalize your reading experience.
89

9-
## Eco
10+
## Eco Density Setting
1011

11-
!["eco"](https://daily-now-res.cloudinary.com/image/upload/v1724400282/docs-v2/3bb874f9-c920-4717-b606-07c697f431a0.png)
12+
![Eco density setting preview on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724400282/docs-v2/3bb874f9-c920-4717-b606-07c697f431a0.png)
1213

13-
You can set the density of your feed to Eco, as seen below:
14+
Set the density of your feed to Eco, as shown below:
1415

15-
!["set eco from menu"](https://daily-now-res.cloudinary.com/image/upload/v1724400351/docs-v2/245139c1-9435-4433-aae6-779461ea8c50.png)
16+
![How to set Eco density from menu on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724400351/docs-v2/245139c1-9435-4433-aae6-779461ea8c50.png)
1617

17-
## Roomy
18+
## Roomy Density Setting
1819

19-
!["roomy"](https://daily-now-res.cloudinary.com/image/upload/v1724400462/docs-v2/bea54acf-ecf4-4c9a-93d0-1962c8694706.png)
20+
![Roomy density setting preview on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724400462/docs-v2/bea54acf-ecf4-4c9a-93d0-1962c8694706.png)
2021

21-
You can set the density of your feed to Roomy as seen below:
22+
Set the density of your feed to Roomy, as shown below:
2223

23-
!["set roomy from menu"](https://daily-now-res.cloudinary.com/image/upload/v1724400407/docs-v2/928ceb27-1a44-43a2-9c56-245d43e29ac1.png)
24+
![How to set Roomy density from menu on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724400407/docs-v2/928ceb27-1a44-43a2-9c56-245d43e29ac1.png)
2425

25-
## Cozy
26+
## Cozy Density Setting
2627

27-
!["cozy"](https://daily-now-res.cloudinary.com/image/upload/v1724400566/docs-v2/3eb0e893-cb8a-48c5-9543-c29179a8fcd3.png)
28+
![Cozy density setting preview on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724400566/docs-v2/3eb0e893-cb8a-48c5-9543-c29179a8fcd3.png)
2829

29-
You can set the density of your feed to Cozy as seen below:
30-
31-
!["set cozy from menu"](https://daily-now-res.cloudinary.com/image/upload/v1724400531/docs-v2/c90ae104-6c65-4e70-aac3-caaf06bba48d.png)
30+
Set the density of your feed to Cozy, as shown below:
3231

32+
![How to set Cozy density from menu on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724400531/docs-v2/c90ae104-6c65-4e70-aac3-caaf06bba48d.png)

docs/customize-your-feed/layout.md

+13-16
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,28 @@
11
---
22
sidebar_position: 0
3+
description: "Customize your daily.dev feed layout with Grid and List modes for an optimal reading experience across all devices."
34
---
45

5-
# Layout
6+
# Layout Options on daily.dev Feed
67

7-
The layout option lets you select how posts are displayed on your feed. You can switch between **Grid mode** and **List mode**.
8+
The layout option lets you select how posts are displayed on your **daily.dev feed**. Switch between **Grid mode** and **List mode** to suit your viewing preferences.
89

9-
To switch between Grid and List mode, click on the customize option from the top-right profile menu, as seen below:
10+
To switch between Grid and List mode, click on the **customize** option from the top-right profile menu, as shown below:
1011

11-
!["List to Grid mode switch"](https://daily-now-res.cloudinary.com/image/upload/v1724400818/docs-v2/a57d8ba8-dbfb-4407-9759-fbf9dc1154a6.png)
12+
![Switch from List to Grid mode on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724400818/docs-v2/a57d8ba8-dbfb-4407-9759-fbf9dc1154a6.png)
1213

13-
## Grid mode
14+
## Grid Mode for Content Display
1415

15-
The Grid mode displays posts as cards arrayed in a Grid, as seen in the image below:
16+
The **Grid mode** displays posts as cards arranged in a grid format, as seen in the image below:
1617

17-
![Grid Mode](https://daily-now-res.cloudinary.com/image/upload/v1724400852/docs-v2/a6b59df0-78b5-431a-8719-1efb654f9ef4.png)
18+
![Grid mode view for daily.dev feed](https://daily-now-res.cloudinary.com/image/upload/v1724400852/docs-v2/a6b59df0-78b5-431a-8719-1efb654f9ef4.png)
1819

19-
In Grid mode, posts are positioned vertically and horizontally from each other so that you can easily scan and interact with the posts on the feed.
20+
In Grid mode, posts are positioned both vertically and horizontally, making it easy to scan and interact with the content. Grid mode adapts seamlessly to various viewports and orientations, providing consistency across different platforms and screen sizes.
2021

21-
The Grid mode easily adapts to various viewports and orientations, thereby ensuring consistency across platforms and screen sizes.
22+
## List Mode for Simplified Layout
2223

24+
In **List mode**, posts are stacked vertically in a list, as shown below:
2325

24-
## List mode
26+
![List mode view for daily.dev feed](https://daily-now-res.cloudinary.com/image/upload/v1724400878/docs-v2/5ff46522-dfc3-401b-9aff-12819a91f4c4.png)
2527

26-
In the list mode, posts are stacked in a list, as seen below:
27-
28-
![List Mode](https://daily-now-res.cloudinary.com/image/upload/v1724400878/docs-v2/5ff46522-dfc3-401b-9aff-12819a91f4c4.png)
29-
30-
31-
In the list mode, posts are arranged in a stacked list. List mode displays only source images and it does not contain cover images of posts. Using List mode is ideal if you like your feed shorter and with fewer visuals.
28+
List mode displays posts in a simple, stacked format, showing only source images without cover images. This option is ideal if you prefer a shorter feed with fewer visuals.
+22-22
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,53 @@
11
---
22
sidebar_position: 3
3+
description: "Customize your daily.dev experience with preferences like reading streaks, link behavior, and companion widget for a personalized feed."
34
---
45

5-
# Preferences
6+
# Preferences Settings on daily.dev
67

78
!["Preferences"](https://daily-now-res.cloudinary.com/image/upload/v1724399519/docs-v2/699dcb1d-8bcc-481f-8ef3-3f2cbc80b15f.png)
89

9-
The preferences options enable you to fine-tune your user experiences of daily.dev by toggling some options on/off. Currently, the available options are:
10+
The preferences options allow you to fine-tune your **daily.dev** experience by toggling various features on or off. Currently, available options include:
1011

1112
- Show reading streaks
12-
- Open links in new tab
13+
- Open links in a new tab
1314
- Show custom shortcuts
1415
- Show feed sorting menu
1516
- Enable companion
1617

17-
As Accessibility:
18+
### Accessibility
1819
- Automatically dismiss notifications
1920

20-
## Show reading streaks
21+
## Show Reading Streaks
2122

22-
By default, daily.dev displays your reading streaks on the top right corner of your feed. If you want to hide your reading streaks, then set the `Show reading streaks` toggle switch to `off`.
23+
By default, daily.dev displays your reading streaks in the top right corner of your feed. If you’d prefer to hide your reading streaks, set the `Show reading streaks` toggle switch to `off`.
2324

24-
## Open link in new tab
25+
## Open Links in a New Tab
2526

26-
By default, when you click on a post link on your feed (using the `Read post` button on the post), daily.dev will open that post in a new tab. However, if you want daily.dev to open that post in the current tab, then set the `Open links in new tab` toggle switch to `off`.
27+
When you click a post link on your feed using the `Read post` button, daily.dev will open that post in a new tab by default. To have posts open in the current tab instead, set the `Open links in new tab` toggle switch to `off`.
2728

28-
## Show custom shortcuts
29+
## Show Custom Shortcuts
2930

30-
By enabling this option, you will have access to custom shortcuts at the top middle of your feed
31+
Enable this option to access custom shortcuts at the top center of your feed.
3132

32-
![Show Custom Shortcuts](https://daily-now-res.cloudinary.com/image/upload/v1724399755/docs-v2/dfd3d9aa-1cec-4d0d-b340-0913c8b9ea6b.png)
33+
![Enable custom shortcuts on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724399755/docs-v2/dfd3d9aa-1cec-4d0d-b340-0913c8b9ea6b.png)
3334

35+
## Show Feed Sorting Menu
3436

35-
## Show feed sorting menu
37+
Turning this toggle switch on adds a dropdown menu to the My Feed and Popular Feed sections, enabling sorting by `Date` or by `Recommended`, as shown below:
3638

37-
Turning this toggle switch on will add a dropdown menu to My feed and Popular feed, enabling you to sort these feeds `By date` or by `Recommended` as seen in the image below:
39+
![Feed sorting menu on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1724399859/docs-v2/ea9b06cd-b59c-4ccb-a420-cda7bba7e75e.png)
3840

39-
![](https://daily-now-res.cloudinary.com/image/upload/v1724399859/docs-v2/ea9b06cd-b59c-4ccb-a420-cda7bba7e75e.png)
41+
## Enable Companion Widget
4042

41-
## Enable companion
43+
Switching this toggle to `on` activates the [companion widget for daily.dev](https://docs.daily.dev/docs/key-features/the-companion), while setting it to `off` deactivates the widget.
4244

43-
Turning this toggle switch `on` will activate the [companion widget](https://docs.daily.dev/docs/key-features/the-companion), and turning this toggle switch `off` will deactivate the companion widget.
45+
The companion widget enhances your experience by allowing you to bookmark, comment, and upvote directly on the original post. To activate this widget, click on the **companion button** in the top-right corner of the daily.dev menu bar, as seen below:
4446

45-
The companion widget is a game changer as it enhances your user experiences by letting you bookmark, comment, and upvote directly on the original post. And to activate this widget, click on the companion button on the top right corner of the daily.dev menu bar as seen below:
47+
![Companion widget activation icon on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1695752806/docs-v2/Companion-widget-icon.png)
4648

47-
![](https://daily-now-res.cloudinary.com/image/upload/v1695752806/docs-v2/Companion-widget-icon.png)
49+
Then click on the `Activate companion` button in the description box:
4850

49-
Then click on the `Activate companion` button in the description box as seen below:
51+
![Activate companion widget on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1695752390/docs-v2/Activate-companion.png)
5052

51-
![](https://daily-now-res.cloudinary.com/image/upload/v1695752390/docs-v2/Activate-companion.png)
52-
53-
After this, it will ask you to grant it extra permission so that the companion widget can be displayed directly on the original post.
53+
You will then be asked to grant additional permissions to display the companion widget directly on the original post.

docs/customize-your-feed/theme.md

+18-19
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,40 @@
11
---
22
sidebar_position: 1
3+
description: "Customize your daily.dev experience by choosing between Dark, Light, and Auto theme settings for a personalized reading environment."
34
---
45

5-
# Theme
6+
# Theme Options on daily.dev
67

7-
The theme option enables you to change the look and feel of daily.dev by selecting one of the available themes. Currently, the available themes for daily.dev are:
8+
The theme option allows you to change the look and feel of **daily.dev** by selecting from the available themes. Currently, you can choose from:
89

9-
* Dark theme
10-
* Light theme
11-
* Auto
10+
- Dark theme
11+
- Light theme
12+
- Auto theme
1213

13-
## Dark Theme (default)
14+
## Dark Theme (Default)
1415

15-
The dark theme reduces eye strain and displays mostly dark surfaces on the UI, as seen below:
16+
The **Dark theme** reduces eye strain and applies mostly dark surfaces across the UI, as shown below:
1617

17-
![Dark Theme](https://daily-now-res.cloudinary.com/image/upload/v1722601800/docs-v2/6916a1da-db83-41a7-8a6c-590bc7d99b5a.png)
18+
![Dark theme view for daily.dev interface](https://daily-now-res.cloudinary.com/image/upload/v1722601800/docs-v2/6916a1da-db83-41a7-8a6c-590bc7d99b5a.png)
1819

19-
A dark theme balances the light emitted by a device and the minimal contrast color ratio required for readability. Additionally, Dark theme is known to conserve battery, enabling devices to be used for a longer period of time.
20+
Dark theme balances light emissions with the minimal contrast required for readability. Additionally, the Dark theme can help conserve battery, extending device usage.
2021

21-
You can set the dark theme for daily.dev, as seen below:
22+
You can set the Dark theme for daily.dev as illustrated here:
2223

23-
![Dark Theme](https://daily-now-res.cloudinary.com/image/upload/v1722601830/docs-v2/43e5fae1-02e4-48f8-b218-305e7008bcc0.png)
24+
![Dark theme activation on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1722601830/docs-v2/43e5fae1-02e4-48f8-b218-305e7008bcc0.png)
2425

2526
## Light Theme
2627

27-
Light theme uses a white or light color in the background. And it reflects cleanliness and professionalism. In the light theme, the content is clear and readable, so you can easily read through the content in the feed and find what they are looking for in daily.dev.
28+
The **Light theme** uses a white or light background, offering a clean and professional appearance. This theme provides clear, readable content, allowing easy navigation and a smooth reading experience on daily.dev.
2829

29-
![Light Theme](https://daily-now-res.cloudinary.com/image/upload/v1722601855/docs-v2/c735a963-21a7-4615-bd08-213641db7dc0.png)
30+
![Light theme view for daily.dev interface](https://daily-now-res.cloudinary.com/image/upload/v1722601855/docs-v2/c735a963-21a7-4615-bd08-213641db7dc0.png)
3031

32+
You can set the Light theme for daily.dev, as seen below:
3133

32-
You can set the light theme for daily.dev, as seen below:
33-
34-
![Light Theme](https://daily-now-res.cloudinary.com/image/upload/v1722601874/docs-v2/64c8e692-1826-4f1f-9b33-9f1250e28f8d.png)
34+
![Light theme activation on daily.dev](https://daily-now-res.cloudinary.com/image/upload/v1722601874/docs-v2/64c8e692-1826-4f1f-9b33-9f1250e28f8d.png)
3535

3636
## Auto Theme
3737

38-
This option automatically sets the theme for daily.dev to Light/Dark based on the theme setting of your browser.
39-
40-
![Auto Theme](https://daily-now-res.cloudinary.com/image/upload/v1722601887/docs-v2/8c745869-ed77-40ee-976a-5830c4694ba7.png)
38+
The **Auto theme** option automatically adjusts the daily.dev theme to match your browser's theme setting, toggling between Light and Dark as per your browser configuration.
4139

40+
![Auto theme view for daily.dev interface](https://daily-now-res.cloudinary.com/image/upload/v1722601887/docs-v2/8c745869-ed77-40ee-976a-5830c4694ba7.png)

0 commit comments

Comments
 (0)