async function createResource(url, payload, token) {
  try {
    const response = await fetch(url, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'Authorization': `Bearer ${token}`
      },
      body: JSON.stringify(payload)
    });

    if (!response.ok) {
      const errorData = await response.json().catch(() => ({ message: 'Unknown error' }));
      throw new Error(`HTTP error! Status: ${response.status}. Message: ${errorData.message || response.statusText}`);
    }

    const data = await response.json();
    console.log('Resource created successfully:', data);
    return data;
  } catch (error) {
    console.error('Error creating resource:', error);
    throw error;
  }
}

// Example usage:
// const myToken = 'your_jwt_token_here';
// const newPost = { title: 'New Post', content: 'This is the content of the new post.' };
// createResource('https://api.example.com/posts', newPost, myToken)
//   .then(resource => {
//     // Handle new resource
//   })
//   .catch(error => {
//     // Handle error
//   });