Create WhatsApp clone with Next.js Part 26 Show friend avatar on chat content

Using Next.js getServerSideProps to do server side rendering

In the previous particle, we already can show the friends on the sidebar, this time we want to click on the friend item and enter the chat.

First, we need to go to Chat.js

const enterChat = () => {
router.push(`/chat/${id}`)
}